/* *******************************************
     基本設定
******************************************* */

/* html
------------------------------------------------- */

html {
	overflow-y:scroll;
	height:100%;
}

/* body
------------------------------------------------- */
body#top {
	background:url(../images/bg_body_top.png) repeat-x center top;
	height:100%;
	line-height:160%;
	color:#333;
	font-size:14px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

body#lower {
	background:url(../images/bg_body_lower.png) repeat-x center top;
	height:100%;
	line-height:160%;
	color:#333;
	font-size:14px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


/* wrapper
------------------------------------------------- */
#wrapper {
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
}


/* header
------------------------------------------------- */
header {
	width:960px;
	height:85px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
}
header .left_area {
	width:680px;
	float:left;
	position:relative;
}
header .left_area h1 {
	padding-top:5px;
	font-size:10px;
}
header .left_area .logo {
	padding-top:5px;
}
header .right_area {
	width:261px;
	float:right;
}
header .right_area .group {
	padding-top:5px;
}
header .right_area p.language{
	margin: 10px 0 0 207px;
    padding-left: 3px;
	line-height: 15px;
    border: 1px solid #D5D5D5;
    font-size: 10px;
    display: block;
}
header .right_area p.language a {
	display: block;
}
header .right_area ul.hnav {
	float:right;
	margin:5px 3px 0 0;
}
header .right_area ul.hnav li {
	background:url(../images/icn_arrow_header.png) no-repeat left 7px;
	padding-left:8px;
	font-size:10px;
}


/* nav
------------------------------------------------- */
nav {
	width:960px;
	height:50px;
	margin:0 auto;
}
nav ul {
}
nav ul li {
	float:left;
}



/* main-img
------------------------------------------------- */

div#slide {
	background:url(../../images/bg_slide.jpg) no-repeat center top;
	width:100%;
	height:368px;
	margin:1px auto 40px auto;
	position:relative;
}

div#main_img {
	width:960px;
	margin:0 auto 15px auto;
}


/* contetnts
------------------------------------------------- */

#contents {
	width:960px;
	width:961px\9;
	margin:0 auto;
	padding-bottom:80px;
	overflow:hidden;
}


/*-- panzuku --*/
#pankuzu {
	width:960px;
	margin:0 auto 15px auto;
	font-size:12px;
}


#contents #main {
	width:700px;
	float:left;
}

/*-- h2 --*/
#contents #main h2#normal {
	background:url(../images/bg_h2.jpg) no-repeat left top;
	width:700px;
	height:45px;
}
#contents #main h2#normal p {
	padding:11px 15px 0 22px;
	color:#000;
	font-size:18px;
}
#contents #main h2#normal p span {
	color:#009FE7;
	font-size:12px;
	margin-left:15px;
	letter-spacing:1px;
}
#contents #main h2#news {
	background:url(../../images/bg_h2_news.png) no-repeat left bottom;
	width:700px;
	height:35px;
	position:relative;
}
#contents #main h2#news p {
	padding:0 15px 0 15px;
	color:#000;
	font-size:18px;
}
#contents #main h2#news p span {
	color:#009FE7;
	font-size:12px;
	margin-left:15px;
}
#contents #main h2#news p.btn_list {
	background:url(../../images/icn_side_arrow.png) no-repeat left 5px;
	padding-left:20px;
	position:absolute;
	top:5px;
	right:0;
	font-size:14px;
}


/*-- h3 --*/
body#lower #contents #main h3#normal {
	background:url(../../corporate/images/bg_h3.jpg) no-repeat left top;
	width:700px;
	height:35px;
}
body#lower #contents #main h3#normal.high {
	background:url(../../corporate/images/bg_h3_02.jpg) no-repeat left top;
	width:700px;
	height:45px;
}
body#lower #contents #main h3#normal p {
	padding:8px 0 0 22px;
	color:#000;
	font-size:16px;
	line-height: 130%;
}
body#lower #contents #main h3#normal.high p {
	padding:5px 0 0 22px;
	color:#000;
	font-size:14px;
}
#contents #main .inner_box {
	padding:0;
	margin-bottom:40px;
}
#contents #main .inner_box02 {
	padding:0 20px;
	margin-bottom:15px;
}


/*-- table --*/
#contents #main table.table_style01 {
	width:100%;
}
#contents #main table.table_style01 th {
	border-bottom:1px solid #FFF;
	background:#E5F5FC;
	width:105px;
	padding:10px 10px 10px 10px;
	vertical-align:middle;
	color:#0065AC;
	font-weight:bold;
}
#contents #main table.table_style01 td.no {
	width:13px;
}
#contents #main table.table_style01 td.dot {
	border-bottom:1px dotted #DDD;
	padding:10px 0;
}


body#lower #contents #main ul.indent li {
	text-indent:-1.3em;
	margin-left:1.3em;
}
body#lower #contents #main ul.indent2 li {
	text-indent:-1.6em;
	margin-left:1.6em;
}

body#lower #contents #main .blue_strong_txt {
	color:#0065AC;
	font-size:16px;
	font-weight:bold;
}


/*-- side --*/
#contents #side {
	width:230px;
	float:right;
}

#contents #side h2 {
	background:url(../images/bg_h2_side.jpg) no-repeat left top;
	height:34px;
	overflow:hidden;
}
#contents #side h2 {
	padding:11px 15px 0 15px;
	color:#FFF;
	font-size:16px;
}
/*
#contents #side h2 p.en {
	float:left;
	padding:11px 0 0 0;
	color:#609FCC;
	font-size:10px;
	letter-spacing:1px;
}*/
#contents #side .bg_blue_area {
	background:url(../images/bg_blue.png) repeat left top;
	padding:10px;
}
#contents #side .bg_gray_area {
	background:url(../images/bg_gray.png) repeat left top;
	padding:10px;
}

#contents #side .bg_blue_area_maru {
	background:url(../images/bg_blue.png) repeat left top;
	border:1px solid #B2E2F8;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	padding:5px 4px;
}
#contents #side .bg_blue_area_maru .contact_detail {
	background:#FFF;
	padding:10px 6px;
}
#contents #side .bg_blue_area_maru .contact_detail .time {
	background:#C1E8F9;
	padding:3px 0;
	margin-bottom:8px;
	text-align:center;
	color:#0065AC;
	font-size:12px;
}
#contents #side .bg_blue_area_maru .contact_detail .tel {
	border-bottom:1px dotted #CCC;
	margin-bottom:5px;
	padding-bottom:9px;
}
#contents #side .bg_blue_area_maru .contact_detail .name {
	font-size:15px;
	font-weight:bold;
	line-height:140%;
	letter-spacing:-0.05em
}
#contents #side .bg_blue_area_maru .contact_detail .add {
	font-size:10px;
	line-height:140%;
	letter-spacing:-0.05em
}



/* footer
------------------------------------------------- */
footer {
	background:url(../images/bg_footer.png) repeat-x center top #fff;
	width:100%;
	padding-top:43px;
	min-height:331px;
	text-align:left;
}
footer .inner {
	background:url(../images/bg_footer_inner.png) repeat-y right top;
	width:960px;
	margin:0 auto;
	color:#fff;
	position:relative;
}
footer .inner .pagetop {
	position:absolute;
	top:-67px;
	right:0;
	z-index:100;
}
footer .inner .f_logo {
	float:left;
}
footer .inner .navi_area {
	float:right;
}
footer .inner .box {
	float:left;
	width:160px;
}
footer .inner .box_right {
	float:left;
	width:200px;
}
footer .inner .box .ttl,
footer .inner .box_right .ttl {
	margin-bottom:7px;
}
footer .inner .box_right .ttl_btm {
	margin-bottom:0px;
}
footer .inner .box ul li {
	background:url(../images/icn_arrow.png) no-repeat left 8px;
	padding-left:10px;
	font-size:12px;
}
footer .copy {
	padding-top:32px;
	text-align:center;
	clear:both;
	color:#fff;
	font-size:10px;
}


/* pagetop
------------------------------------------------- */
#back-top {
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:1500;
}
* html #back-top {
	position:absolute;
}


/* link
------------------------------------------------- */
a:link,
a:visited {
	color:#0074B7;
	text-decoration:none;
}
a:hover,
a:active {
	color:#0074B7;
	text-decoration:underline;
}

header a:link,
header a:visited {
	color:#333;
	text-decoration:none;
}
header a:hover,
header a:active {
	color:#333;
	text-decoration:underline;
}

#side a:link,
#side a:visited {
	color:#0065AC;
	text-decoration:none;
}
#side a:hover,
#side a:active {
	color:#0065AC;
	text-decoration:underline;
}

footer .inner a:link,
footer .inner a:visited {
	color:#333;
	text-decoration:none;
}
footer .inner a:hover,
footer .inner a:active {
	color:#333;
	text-decoration:underline;
}


/* text
------------------------------------------------- */
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}

.fwb {font-weight:bold;}

.red {color:#F00;}
.blue {color:#0072B7;}


/* layout
------------------------------------------------- */
.fL {float:left;}
.fR {float:right;}
.clear {clear:both;}

.tal {text-align:left;}
.tar {text-align:right;}
.tac {text-align:center;}


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

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb21 {margin-bottom:21px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb80 {margin-bottom:80px;}

.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}


/* alpha
------------------------------------------------- */
a.alpha:hover img {
  opacity:0.7;
  filter:alpha(opacity=70);
}


/* FLOAT -Clearfix
------------------------------------------------- */
.clearfix:after { 
/*for modern browser*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}