@charset "UTF-8";
/* ================================ 
CSS Information Common

1.Reset
2.Header & H1
3.Layout & Navigation
4.Footer
5.Common2nd
================================ */


/* ======= 1.Reset ======= */
body {
	margin:0;
	padding:0;
	background:#FFF;
	color:#555;
	text-align:center;
	line-height:1.6em;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: 62.5%; /* IEに適用 */
}
html>/**/body {
  font-size: 10px; /* IE以外のブラウザ */
}

h1,h2,h3,h4,h5,h6,p,a,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote,strong,
button,
address,
noscript {
	margin: 0px;
	padding: 0px;
	font-size:1em;
	font-weight:normal;
	text-align:left;
}


ul,ol,li {
	list-style:none;
}

img {
	margin:0px;
	padding:0px;
	border:0;

	vertical-align:bottom;
}

a img {
	margin:0px;
	padding:0px;
	border:0;

	vertical-align:bottom;
}


li img {
	margin:0px;
	padding:0px;
	border:0;

	vertical-align:bottom;
}

hr {
	display:none;
}

#wrap a:hover img{
	-moz-opacity:.7;
	filter:alpha(opacity=70);
	opacity:.7;
}

a{
	color:#555;
	text-decoration:none;
}

a:hover{
	color:#0095a1;
	text-decoration:underline;
}



/* ======= 2.Header ======= */
#header{
	margin:0 auto;
	width:100%;
	height:97px;
	overflow:hidden;
	background:url(../img/h_bg.gif) repeat-x top;
}

.header-in{
	margin:0 auto;
	width:950px;
	height:60px;
	overflow:hidden;
	_zoom:1;
}

.header-in .header-logo{
	float:left;
}

.header-in .header-logo a img:hover{
/*	-moz-opacity:1;
	filter:alpha(opacity=100);
	opacity:1;*/
}

.headerR{
	float:right;
	margin:24px 0 0;
	/margin:20px 0 0;
	overflow:hidden;
	_zoom:1;

}

.headerR p,
.headerR ul,
.headerR li,
.headerR dl,
.headerR dt,
.headerR dd,
.headerR form{
		float:left;
		line-height:1em;
}


.headerR dl,
.headerR ul{
	margin:3px 5px 0 0;
	/margin:6px 0 0;
	overflow:hidden;
	_zoom:1;
}

.headerR p{
	margin:3px 0 0;
	/margin:6px 0 0;
	border-left:1px solid #999;
	border-right:1px solid #999;
}

.headerR dd {
	padding:0 2px;
}

.headerR dd a{
	display:block;
	width:21px;
	height:21px;
	text-indent:-9999px;
	overflow:hidden;
}

.headerR dd a#fontL{
	background:url(../img/h_btn_large.png) no-repeat top left;
}

.headerR dd a#fontM{
	background:url(../img/h_btn_medium.png) no-repeat top left;
}

.headerR dd a#fontS{
	background:url(../img/h_btn_small.png) no-repeat top left;
}

.headerR dd a#fontL:hover,
.headerR dd a#fontL.active{
	background:url(../img/h_btn_large.png) no-repeat bottom left;
}

.headerR dd a#fontM:hover,
.headerR dd a#fontM.active{
	background:url(../img/h_btn_medium.png) no-repeat bottom left;
}

.headerR dd a#fontS:hover,
.headerR dd a#fontS.active{
	background:url(../img/h_btn_small.png) no-repeat bottom left;
}

.headerR ul{
	padding:0 8px 0 3px;
}


.headerR form div{
	padding:3px;
	background:#dcdcdc;
}
.cmp03-catch-txt   {
	vertical-align:middle;
}

.headerR .search-text{
	margin:0;
	padding:0;
	line-height:1em;
	border:1px solid #CCC;
	width:145px;
	height:20px;
}

ul#g-nav{
	margin:0 auto;
	width:950px;
	overflow:hidden;
	_zoom:1;
}

#g-nav li{
	float:left;
}

#g-nav li a:hover img{
/*	-moz-opacity:1;
	filter:alpha(opacity=100);
	opacity:1;*/
}


/* ======= 3.Layout & Navigation ======= */
#wrap{
	width:100%;
	background:url(../img/bg_check.gif);
}

#wrapper{
	margin:0 auto;
	width:950px;
	background:#FFF;
}

#content{
	margin:0 auto;
	width:900px;
	overflow:hidden;
	_zoom:1;
}

#content-main{
	float:left;
	width:688px;
}

#content-side{
	float:right;
	width:242px;
}



/* ======= 4.Footer ======= */

.f-nav{
	width:900px;
	padding:15px 0;
	text-align:center;
	font-size:1.1em;
}

.f-nav li{
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

.f-nav li a{
	padding:0 5px;
	color:#555;
	text-decoration:none;
}

.f-nav li a:hover{
	color:#0095a1;
	text-decoration:underline;
}

address{
	width:100%;
	padding:8px 0;
	text-align:center;
	background:#91d1d3;
}


/* ======= 5.Common2nd ======= */
.crumb{
	padding:15px 0;
}

.crumb strong{
	color:#0095a2;
}

.crumb a{
	text-decoration:underline;
}

#content2nd{
	margin:20px auto 40px;
	width:900px;
	overflow:hidden;
	_zoom:1;
}

#snav{
	float:left;
	width:205px;
}

#snav ul  #snav-bn {
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
}

#content2nd-in{
	float:right;
	width:665px;	
}


.pageTop{
	margin:20px 0 10px;
	text-align:right;
	font-size:1.2em;
}

.pageTop a{
	padding:3px 0 3px 15px;
	background:url(../img/icon_arrow_top.gif) no-repeat 0 4px;
	color:#333;
	text-decoration:underline;
}

.pageTop a:hover{
	color:#333;
}