@charset "utf-8";

html,
body{
	width:100%;
	height:100%;
	font-size:14px;
	position:relative;
}

body {
	color:#000000;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
}

* a{
	color:#008296;
	outline: 0;
}

* a:hover{
	text-decoration:underline;
}

.center_img {
	display:block;
	margin:0 auto;
}

.navSkip {
	position: absolute;
	left: -9999em;
}

/*---------------------margin&padding---------------------*/

/*------------margin top------------*/
.mt0 {margin-top:0px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt100 {margin-top:100px;}

/*------------margin bottom------------*/
.mb0 {margin-bottom:0px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb100 {margin-bottom:100px;}

/*------------margin left------------*/
.ml0 {margin-left:0px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml100 {margin-left:100px;}

/*------------margin right------------*/
.mr0 {margin-right:0px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr100 {margin-right:100px;}



/*---------------------font-changeArea---------------------*/
#changeArea {
     width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
}

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

#header {
	width:960px;
	margin:0 auto 18px auto;
}

#header h1 {
	float:left;
	margin-top:16px;
}

#header .tool,
#header .tool .search,
#header .tool .font_size,
#header .tool .list {
	float:right;
}

#header .tool {
	padding-top:15px;
	border-top: 5px solid #00a0b8;
	width: auto ;
}

#header .tool .search form input.search_box {
	float: left;
	width: 130px;
	color: #8d8d8d;
	height: 20px;
	border: 1px solid #cdcdcd;
	padding: 0 4px;
	font-size:86%;
}

#header .tool .search form input.search_img {
	zoom: 1;
	float: left;
}

#header .tool .font_size {
	width:149px;
	margin: 0 9px 0 0 ;
}

#header .tool .font_size .font_ttl,
#header .tool .font_size ul,
#header .tool .font_size ul li{
	float: left;
}

#header .tool .font_size ul li {
	line-height:0;
	font-size:0;
	padding:0;
	margin:0 5px 0 0;
}


#header .tool .list {
	margin: 0 16px 0 0;
	font-size:86%;
}

#header .tool ul.list li {
	line-height:23px;
}

#header .tool ul.list li a {
	background: url(../images/arrow_green.gif) left center no-repeat;
	padding-left:6px;
	color:#000000;
}

#header .tool ul.list li a:hover {
	color:#008296;
}


/*---------------------g_nav---------------------*/

#g_nav {
	width:960px;
	margin:0 auto 20px auto;
}

#g_nav ul li {
	float:left;
}



/*---------------------contents---------------------*/

#contents {
	width:960px;
	margin:0 auto;
	padding-bottom:150px;
}

#breadcrumb_list {
	float:left;
	width:100%;
	margin-bottom:3px;
	font-size:86%;
}

#breadcrumb_list ul li {
	float:left;
	margin-right:10px;
	padding-left:16px;
	background:url(../images/breadcrumb_list.gif) left center no-repeat;
}

#breadcrumb_list ul li:first-child {
	background:none;
	padding-left:0;
}

#contents .title_area {
	float:left;
	position:relative;
	margin-bottom:30px;
}

#contents .title_area h2 {
	position:absolute;
	top:50%;
	left:32px;
	margin-top:-0.7em;
	color:#FFFFFF;
	font-size:214%;
	font-weight:normal;
}

#contents .s_nav {
	float:left;
	width:200px;
}

#contents .s_nav .title {
	text-align:center;
	
}

#contents .s_nav .title a {
	background: url(../images/s_nav_titletop.png) 0 0 no-repeat #555555;
	color:#FFFFFF;
	font-size:129%;
	font-weight:bold;
	padding:11px 0 10px 0;
	display:block;
}

#contents .s_nav .title a:hover {
	background: url(../images/s_nav_titletop.png) 0 0 no-repeat #666666;
	text-decoration:none;
}

#contents .s_nav ul {
	border-left:1px solid #cbcbcb;
	border-right:1px solid #cbcbcb;
}

#contents .s_nav ul li {
	border-bottom:1px solid #cbcbcb;
	padding:1px 0;
}

#contents .s_nav ul li a {
	display:block;
	line-height:1.2em;
	color:#000000;
	padding:13px 10px 13px 28px;
	background:url(../images/s_nav_list1.gif) 0 center no-repeat;
}

#contents .s_nav ul li a:hover,
#contents .s_nav ul li a.active {
	background:url(../images/s_nav_list1.gif) 0 center no-repeat #e0f3f6;
	text-decoration:none;
}

#contents .s_nav ul li ul.second,
#contents .s_nav ul li ul.second li,
#contents .s_nav ul li ul.second li a,
#contents .s_nav ul li ul.second li a:hover {
	border-left:none;
	border-right:none;
	border-bottom:none;
	padding:0;
	background:none;
}

#contents .s_nav ul li ul.second {
	font-size:86%;
	margin:6px 0 14px 0;
}

#contents .s_nav ul li ul.second li a {
	display:block;
	color:#000000;
	padding:5px 0 2px 28px;
	background:url(../images/s_nav_list2.gif) 15px center no-repeat;
	margin-bottom:2px;
}

#contents .s_nav ul li ul.second li a:hover,
#contents .s_nav ul li ul.second li a.active {
	display:block;
	color:#000000;
	padding:5px 0 2px 28px;
	background:url(../images/s_nav_list2.gif) 15px center no-repeat #e0f3f6;
	margin-bottom:2px;
}

#contents .main_area {
	float:right;
	width:720px;
}

#contents .main_area h3 {
	background: url(../images/h3_title.gif) 0 0 repeat-x #ededed;
	border-bottom:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	border-left:1px solid #d2d2d2;
	font-size:158%;
	color:#008296;
	line-height:1.2em;
	padding:13px 0 9px 15px;
	margin-bottom:30px;
}

#contents .main_area .back_btn {
	text-align:center;
}


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

#footer {
	width:100%;
}

#footer #pagetop {
	width:960px;
	margin: 0 auto;
}

#footer #pagetop .pagetop_btn {
	float:right;
	width:188px;
}

#footer .footer_menu {
	background:#7d7d7d;
}

#footer .footer_menu ul {
	width:980px;
	margin:0 auto;
	padding:22px 0 18px 0;
}

#footer .footer_menu ul li {
	float:left;
	width:176px;
	margin: 0 10px;
}

#footer .footer_menu ul li dl dt {
	background:url(../images/footer_menu_border.gif) 0 bottom repeat-x;
	color:#56c5d6;
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:4px;
}

#footer .footer_menu ul li dl dd {
	margin-bottom:4px;
}

#footer .footer_menu ul li dl dd a {
	color:#FFFFFF;
	background:url(../images/arrow_light_green.gif) left center no-repeat;
	padding-left:8px;
	font-size:86%;
}

#footer .copy {
	background:#00a0b8;
	font-size:86%;
	height:43px;
}

#footer .copy .copy_area {
	width:960px;
	margin:0 auto;
}

#footer .copy .copy_area ul.footer_nav {
	float:left;
}

#footer .copy .copy_area ul.footer_nav li {
	float:left;
	line-height:43px;
	margin-right:20px;
}

#footer .copy .copy_area ul.footer_nav li a {
	color:#FFFFFF;
	background: url(../images/arrow_white.gif) left center no-repeat;
	padding-left:8px;
}

#footer .copy .copy_area p {
	float:right;
	line-height:43px;
	color:#FFFFFF;
}

#footer .footer_menu ul li dl dd a .privacyMark {
	backGround-color: #FFFFFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#footer .footer_menu ul li .icons dd a {
	background:none;
}

/*---------------------clearfix---------------------*/

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}