@charset "utf-8";
/* CSS Document */


/* ----------------------------------------------------
   common setting
------------------------------------------------------- */


/* basic setting:
--------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

*::selection {background: #3c5fba; color: #fff;}
*::-moz-selection {background: #3c5fba; color: #fff;}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 80%;
	line-height: 1.5em;
	word-break: normal;
	color: #444;
	border-top: 4px solid #3c5fba;
}

em,address {font-style: normal;}
img {border: none;vertical-align: middle;}
ul,ol {list-style: none;}
.clear {clear: both;}
.left,
.float_l {float: left;}
.float_r {float: right;}
.bold {font-weight: bold;}
.normal{font-weight:normal;}
.valign_m{ vertical-align:middle!important;}
a:hover {text-decoration: none;}
*+html .clear_fix {display: inline-block;}
* html .clear_fix {display: inline-block;}
.clear_fix:after {
	content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

hr {
	border: 0;
	height: 1px;
    background: #ccc;
	margin: 20px 10px;
}


/* link color setting :
--------------------------------------------*/


a {color:#0c3092;text-decoration:none;}
#maincontents a {text-decoration:underline;}
#maincontents a:hover {text-decoration:none;}



/* outline setting :
--------------------------------------------*/

.outline {
	max-width: 980px;
	min-width: 768px;
	margin: 0 auto;
}

@media screen and (max-width: 768px){
	.outline {
		min-width: 0;
	}
}

.outline:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


#maincontents {clear: both;}


/* layout setting:
--------------------------------------------*/


#maincontent .left,
#hokaLeft {
	float: left;
	width: 73.5%;
}

#maincontent .right,
#maincontent #navi,
#maincontentRe #navi,
#maincontent #hokaRight,
#maincontent #hokaRightC {
	float: right;
	width: 23.5%;
}

#maincontent  #navi #hokaRightC {
	float:none;
	width: 100%;
}

#hokaRight,
#hokaRightC {padding-bottom: 1px;margin-bottom: 20px;}

#maincontent .under {clear: both;}


#maincontent .right {
	background: #fef8e2;
	margin-bottom: 15px;
}


@media screen and (max-width: 768px){
	#maincontent .left,
	#hokaLeft {
		float: left;
		width: 73.5%;
	}
	
	#maincontent .right,
	#maincontent  #navi,
	#maincontentRe #navi {
		float: right;
		width: 24.5%;
		margin-right: 1%
	}
}



.pc {display: block !important;}
.sp {display: none !important;}

.DressLeft,
.dressLeft {
	float: left;
	width: 24.5%;
	margin-left: 2%;
}

.DressCenter,
.DressCenter {
	float: left;
	width: 73.5%;
}


/*---- header setting ----*/


#header:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/*-- header navi --*/

#header .nav {
	background: #fef8e2;
	padding: 5px 10px;
	font-size: 95%;
}

#header .float_r {
	margin: 20px 0 10px;
	text-align: right;
}

.txt_size {margin: 15px 0 10px;}

#header .nav a {color: #444;margin: 0 12px;}

#header .nav a:hover {text-decoration: underline;}

#header .float_r ul,
#header .float_r li,
#header form,
#header .float_r {display: inline;}



/*-- search --*/

#header input.txtFld {
	height: 24px;
	border: 1px solid #ddd;
}
#header input.btn2011 {
	width: 24px;
	height: 24px;
	background: url(../img/common/search_btn.gif) no-repeat;
	overflow: hidden;
	text-indent: -10000px;
	border: none;
}


/*-- logo --*/

#logo {float: left;}

#header .left img {
	margin: 20px 0px 10px 0;
	max-width: 100%;
	height: auto;
}



/*---- grobal navigation setting ----*/


#glnav {
	clear: both;
	background: #3c5fba;
}

#glnav:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


#glnav ul {
	position: relative;
	height: 62px;
}

#glnav li {
	display: block;
	position: absolute;
	top: 0;
}


#glnav li#gl1 {width: 13%;}
#glnav li#gl2 {width: 19%;margin-left: 13%;}
#glnav li#gl3 {width: 19%;margin-left: 32%;}
#glnav li#gl4 {width: 15%;margin-left: 51%;}
#glnav li#gl5 {width: 15%;margin-left: 66%;}
#glnav li#gl6 {width: 5%;margin-left: 81%;}
#glnav li#gl7 {width: 14%;margin-left: 86%;}


#glnav li a {
	color: #fff;
	display:block;
	height:62px;
	position:relative;
	font-size:70%;
	overflow: hidden;
	text-decoration: none;
}

#glnav li a span {
	height: 62px;
	position:absolute;
	top:0;
	left:0;
	display:block;
	text-indent: -9999px;
	line-height: 0;
	cursor: pointer;
	z-index:1;
}

#glnav li#gl1 a {background: url(../img/common/gl1_off.gif) no-repeat 50% 0;}
#glnav li#gl2 a {background: url(../img/common/gl2_off.gif) no-repeat 50% 0;}
#glnav li#gl3 a {background: url(../img/common/gl3_off.gif) no-repeat 50% 0;}
#glnav li#gl4 a {background: url(../img/common/gl4_off.gif) no-repeat 50% 0;}
#glnav li#gl5 a {background: url(../img/common/gl5_off.gif) no-repeat 50% 0;}
#glnav li#gl6 a {background: url(../img/common/gl6_off.gif) no-repeat 50% 0;}
#glnav li#gl7 a {background: url(../img/common/gl7_off.gif) no-repeat 50% 0;}

#glnav li#gl1 a:hover {background: url(../img/common/gl1_on.gif) no-repeat 50% 0;}
#glnav li#gl2 a:hover {background: url(../img/common/gl2_on.gif) no-repeat 50% 0;}
#glnav li#gl3 a:hover {background: url(../img/common/gl3_on.gif) no-repeat 50% 0;}
#glnav li#gl4 a:hover {background: url(../img/common/gl4_on.gif) no-repeat 50% 0;}
#glnav li#gl5 a:hover {background: url(../img/common/gl5_on.gif) no-repeat 50% 0;}
#glnav li#gl6 a:hover {background: url(../img/common/gl6_on.gif) no-repeat 50% 0;}
#glnav li#gl7 a:hover {background: url(../img/common/gl7_on.gif) no-repeat 50% 0;}

#index #glnav li#gl1 a {background: url(../img/common/gl1_on.gif) no-repeat 50% 0;}


#sidr {display: none;}



@media screen and (max-width: 768px){
	
	#glnav li {text-align: center;}
	
	#glnav li a span {
		font-weight: bold;
		font-size: 130%;
		height: 62px;
		position:relative;
		top:30px;
		left:0;
		display:block;
		text-indent: 0px;
		line-height: 0;
		cursor: pointer;
		z-index:1;
	}
	
	#glnav li#gl1 a,
	#glnav li#gl2 a,
	#glnav li#gl3 a,
	#glnav li#gl4 a,
	#glnav li#gl5 a,
	#glnav li#gl6 a,
	#glnav li#gl7 a {background: none;}
	
	#glnav li#gl1 a:hover,
	#glnav li#gl2 a:hover,
	#glnav li#gl3 a:hover,
	#glnav li#gl4 a:hover,
	#glnav li#gl5 a:hover,
	#glnav li#gl6 a:hover,
	#glnav li#gl7 a:hover,
	#index #glnav li#gl1 a {background: url(../img/common/gl_o.gif) repeat-x 50% 0;}
}

/*---- footer setting ----*/


#footer {
	clear: both;
	background: #3c5fba;
	position: relative;
	margin-top: 60px;
	color: #fff;
	overflow: hidden;
}

#footer h2 {margin: 20px 0 10px;}

#footer address {margin: 0px 0 10px;}


#footer .nav {
	background: #fef8e2;
	text-align: center;
	padding: 0.7% 0 0.6%;
}

#footer .nav a {color: #444;}
#footer .nav a:hover {text-decoration: underline;}

#footer .nav li {
	display: inline;
	border-right: 1px solid #444;
	padding: 0 10px 0 5px;
}


#footer .nav li:last-child {border: none;}

#footer .nav2 li {font-size: 120%;margin-bottom: 0.3em;}
#footer .nav2 li li {font-size: 75%;}

#footer .nav2 ul {padding: 16px 10px;}
#footer .nav2 ul ul {padding: 10px 0;}

#footer .nav2 a {color: #fff;}
#footer .nav2 a:hover {color: #403b95; background: #f9dc5f;}


@media screen and (max-width: 768px){
	#footer div.outline {padding: 0 10px;}
}

/*-- copy --*/

#footer #copy {
	background: #616161;
	padding: 4px 0 5px;
	text-align: center;	font-size: 90%;
}


/*-- page top --*/

#page_top {
	position: absolute;
	top: -60px;
	right: 0;
}

/*---- component setting ----*/

/*-- lnk --*/

a.lnk1 {
	display: block;
	color: #333;
	background: #f4d000 url(../img/common/arrow01.gif) no-repeat 0.7em 50%;
	text-decoration: none!important;
	padding: 0.3em 0.8em 0.2em 1.5em;
	margin: 1% 0;
}


/*-- 過去の一覧 --*/

.kako_link {
	display: block;
	background: #f4d000;
	text-decoration: none!important;
	padding: 0.3em 0.8em 0.2em;
	margin: 10px;
	float: right;
}

.kako_link a {color: #333;}


*+html .kako {display: inline-block;}
* html .kako {display: inline-block;}
.kako:after {
	content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}



/*-- width --*/

.w33 {width:33%;}