@charset "utf-8";

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/

html {
	overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, section, nav, article, aside, hgroup, header, address, figure, figcaption {
	margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%; font-weight: normal;}
img, abbr, acronym, fieldset {
	border: 0;margin: 0; padding: 0;}
img {
	vertical-align: top; -ms-interpolation-mode: bicubic;}
ul li {
	list-style-type: none;}


/* ------ Body ------ */

body{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	color: rgb(180,180,180);
	font-size:14px;
	line-height:1.9;
	text-align: left;
	height: 100%;
	background-color:rgb(255,255,255);
	letter-spacing: -0.001em;		/* iOS4でのテキストの隙間への対応 */
	-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能のキャンセル */
}
.win body {
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
@media screen and (max-width: 640px) {body{font-size:12px;}}

/* ------ Anchor ------ */

a {outline: none;text-decoration: none;}
a:link {text-decoration: none;color: rgb(140,160,200);}
a:visited {text-decoration: none;color: rgb(140,160,200);}
a:hover {text-decoration: none;color: rgb(150,100,0);}
a:active {text-decoration: none;color: rgb(180,180,180);}

.zabuton{color:rgb(220,220,230);background-color:rgb(15,30,60); padding:2px 10px;border:1px solid rgb(50,40,30);}
.hoverit:hover{background-color: rgba(60,60,160,0.7); transition: 0.2s ease;}
.zabuton_light{background-color:rgb(235,235,220);padding: 0.2em 0.6em;}
/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/



/* フルードイメージ対応 */
img {max-width: 100%;height: auto;}
.ie8 img {width: auto;}

/* 共通・枠組み */
#wrapper {width: 100%;max-width: 980px;margin: 0 auto;}
#main {width: 95%;margin: 0 auto;}
footer {}
.footer_logo{}
section{margin-bottom:2em;}

/* 段組 */

.two_col_fix{width:48.5%; float:left;margin-right:3%;margin-bottom:3%;}
.two_col_fix:nth-child(even) {margin-right:0%;}

.four_col{width:23.8%; float:left;margin-right:1.5%;margin-bottom:1.5%;overflow:hidden;}
.four_col:nth-child(4n) {margin-right:0%;}
.two_col{width:48.5%; float:left;margin-right:3%;margin-bottom:3%;}
.two_col:nth-child(even) {margin-right:0%;}
.three_col{width:31.3%; float:left; margin-right:3%;margin-bottom:3%;}
.three_col:nth-child(3n) {margin-right:0%;}
.six_col{width:15%; float:left; margin-right:1.5%;}
@media screen and (max-width: 680px) {
	.two_col{width:100%; float:none;margin-right:0%;margin-bottom:2em;}}
@media screen and (max-width: 680px) {
	.four_col{width:48.5%; float:left;margin-right:3%;margin-bottom:3%;}
	.four_col:nth-child(4n) {margin-right:0%;}
	.four_col:nth-child(even) {margin-right:0%;}}
@media screen and (max-width: 480px) {
	.three_col{width:48.5%; float:left;margin-right:3%;margin-bottom:3%;}
	.three_col:nth-child(even) {margin-right:0%;}}

/* ■■■■■一般 ■■■■■ */
.inline_it{display:inline-block;}
.block_it{display:block;}
.hover_it a {outline: none;text-decoration: none;}
.hover_it a:link, .hover_it a:visited, .hover_it a:hover, .hover_it a:active {text-decoration: none;color: rgb(80,80,80);}
.hover_it:hover{background-color: rgba(105,78,46,0.15); transition: 0.5s ease;}
.hover_img:hover{opacity: 0.8;}
.align_center{text-align: center;}
.align_left{text-align: left;}

hr.line {visibility:visible;border:none;border-top:solid 1px rgb(180,180,180);height:1px;clear:both;margin:3px 0px;}
hr {visibility:hidden;clear:both;margin:10px 0px;}

p{margin-bottom:1em;}
.line_space_05{margin-bottom:0.5em;}
.line_space_1{margin-bottom:1em;}
.line_space_0{margin-bottom:0em!important;}

.indent_1 {padding-left:1em;text-indent:-1em;}
.indent_2 {padding-left:2em;text-indent:-2em;}
.indent_3 {padding-left:3em;text-indent:-3em;}
.indent_4 {padding-left:4em;text-indent:-4em;}
.indent_5 {padding-left:5em;text-indent:-5em;}
.indent_6 {padding-left:6em;text-indent:-6em;}
.indent_7 {padding-left:7em;text-indent:-7em;}
.indent_8 {padding-left:8em;text-indent:-8em;}
.margin_left_1{margin-left:1em;}

strong{font-weight:bold;color:rgb(220,220,220);}
.strong{font-weight:bold;color:rgb(220,220,220);}

.ex_large{font-size:180%; line-height: 1.3}
.larger{font-size:150%; line-height:1.6;}
.large{font-size:120%; line-height:1.8;}
small{font-size:90%;}
.small{font-size:90%;}
.smaller{font-size:80%;}
.ex_small{font-size:70%;}
.date{font-size: 60%;}

.mincho{font-family: "游明朝", YuMincho, "HG明朝E", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN";}
.tsume{font-feature-settings : "palt" 1;}

.color_gold{color:rgb(183,123,0);}
.color_gray{color:rgb(130,130,130);}

/* 表組み */
dl{clear:both;}
dt.eleven{width:11em;clear:both;float:left;margin-left:1em;}
dd.eleven{float:left;margin-left:2em; }
dt.twenty{width:19em;clear:both;float:left;}
dd.twenty{float:left;margin-left:2em; }
@media screen and (max-width: 639px) {dd.twenty,dd.eleven{float:none;} dt.twenty,dt.eleven{float:none;}}

th,td{padding:0px 10px 10px 10px;}

table img{padding-top:5px;}

ul.liststyle{margin-left:1em;}
ul.liststyle li:before{content: '＊';margin-left:-1em;}

ol{margin:0;padding:0em 2em;}

blockquote{padding: 0px 0px 5px 20px;}
img.alignleft{float: left;margin-right: 10px;em;margin-bottom: 10px;}
img.alignright{float: right;margin-left: 10px;em;margin-bottom: 10px;}


.backbottun{font-size: 300%;margin-top:20px;text-align: right;}
.backbottun a:link {text-decoration: none;color:rgb(160,160,160);}
.backbottun a:visited {text-decoration: none;color:rgb(160,160,160);}
.backbottun a:hover {text-decoration: none;color:rgb(100,100,100);}
.backbottun a:active {text-decoration: none;color: rgb(100,100,100);}