@charset "utf-8";

/*common*/
*{margin:0;padding:0;}
html{overflow-y:scroll;}
.html{line-height:normal;}

/*div, p{/zoom:1;}
div:after, p:after{content:'';display:block;clear:both;}*/

body{margin:0;padding:0;font-size:80%;line-height:175%;font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;color:#333;text-align:center;text-align:justify;text-justify:inter-ideograph;background:url(../images/base-bg.gif) top repeat-x #fff;}

#wrapper{width:980px;text-align:left;margin:0 auto; position:relative; padding-top:115px;}

/*header*/
#header{background:url(../images/header.gif) right top no-repeat;overflow:hidden; height:60px;}
#header2{background:url(../images/header2.gif) right top no-repeat;overflow:hidden; height:60px;}
h1{font-size:10px;font-weight:normal;line-height:20px;height:20px;overflow:hidden; font-style:normal; padding-left:10px;}


/* aside */
#aside{width:250px; float:right;}

.side_menu{
    width: 210px;

    background-color: #f2f2f2;
    padding: 10px 10px 10px 10px;
    margin: 0;
    margin-left: 10px;
    text-decoration:none;
    border: solid 1px #ffffff;
    line-height: 1em;
}
.side_menu:hover{
    background-color: skyblue;
}
.side_menu_a{
    text-decoration: none !important;
    font-weight: bold;
    color: #4c4c4c !important;
    font-size: 12.8px;
    line-height: 1em;

}
.side_menu_a_2l{
    text-decoration: none !important;
    font-weight: bold;
    color: #4c4c4c !important;
    font-size: 12.8px;
    line-height: 1.5em;
    letter-spacing: -1px;
}

.side_menu_icon{
    vertical-align: text-top !important;
    margin-right: 10px;

}

/* navigation */
#nav{height:35px;}
#nav ul{list-style-type:none;}
#nav li{float:left; height:35px;}
#nav li img{vertical-align:bottom;}

#content{width:710px; float:left; border-left:10px solid #fff;}

/* pagebody */
#pagebody{background-color:#fff;}
#top-info-bg{
	background: url(../images/top-info-content-bg.jpg) no-repeat top;
}
.top-info-pd-left{
	padding:2px 13px 9px 101px;
}
.topics-bg{
	background:url(../images/topics-bg.gif) repeat-x top;
		height:576px;
	overflow-x:hidden;
	overflow-y:scroll;
    border-right: solid  1px #cccccc;
    border-left: solid  1px #cccccc;
    border-bottom: solid  1px #cccccc;
}
.topics-box{
	padding:10px;
	border-bottom:1px dotted #666;
	min-height:1%;
}
.topics-box h4{color:#f60; font-size:100%; line-height:normal; margin-bottom:6px;}
.topics-box h4 a {
	color: #ff6600 !important;
}
.topics-box h4 a:hover {
	color: #ff6600 !important;
	text-decoration: none;
}
/* article */
#article{}

/* section */
#section{}

.h66{height:66px; overflow:hidden;}

#linkarea{
	height:66px;
	overflow:hidden;
	border-bottom:35px solid #fff;
	border-left:10px solid #fff;
}
#linkarea h3{float:left;}
#linkarea p{float:left;}

/* footer */
#footer{clear:both; background:url(../images/footer-bg.gif) repeat-x top;}
.pdtop20{padding-top:20px;}
#footer table td{font-size:11px; line-height:normal; vertical-align:top;}
.footer-line0{
	padding-right:20px;}
.footer-line{
	background:url(../images/footer-line.gif) no-repeat left;
	padding-left:20px;
	padding-right:20px;}
.footer-line2{
	background:url(../images/footer-line.gif) no-repeat left;
	padding-left:20px;}
.textlink a:link,
.textlink a:active,
.textlink a:visited
{color:#fff; line-height:normal; text-decoration:none;}

.textlink a:hover{color:#49defe; font-size:110%; line-height:normal; text-decoration:none;}

.pagetop{float:right;}
address{font-size:86%;line-height:normal;font-style:normal; text-align:center; color:#808080;}

/* index */
.info{}
.wn{width:100%;}
.wn th{text-align:left;font-weight:normal;padding:4px 0;vertical-align:top;line-height:normal;}
.wn td{padding:4px 0;vertical-align:top;line-height:normal;}

.top_bnr:hover{
    opacity: 0.9 !important;
}

/* profile */
.tb1{border-width:1px 0 0 1px;border-style:solid;border-color:#ccc;width:100%;margin:0 0 10px;}
.tb1 th{background:#ebebeb;border-width:1px;border-style:solid; border-color:#fff #ccc #ccc #fff;padding:4px 8px;text-align:left;line-height:normal;}
.tb1 td{border-width:1px;border-style:solid;border-color:#fff #ccc #ccc #fff;padding:4px 8px;line-height:normal;}
.tb1 .t_head{background:#f7f7f7;}
.tb1 li{list-style:none;}

.tb2{border:1px solid #fff;}
.tb2 .g1{background:#efefef; border:1px solid #fff; padding:8px; text-align:center;}
.tb2 .g2{background:#666; border:1px solid #fff; padding:8px; color:#fff; font-weight:bold; text-align:center;}
.tb2 .g3{background:#ccc; border:1px solid #fff; padding:8px; font-weight:bold; text-align:center;}
.tb2 .g4{background:#c8c3d7; border:1px solid #fff; padding:8px; font-weight:bold; text-align:center;}
.tb2 .g5{background:#c5e3eb; border:1px solid #fff; padding:8px; font-weight:bold; text-align:center;}
.tb2 .g6{background:#c7e2c3; border:1px solid #fff; padding:8px; font-weight:bold; text-align:center;}

/*inquiry */
.contact_table{border-width:1px 0 0 1px;border-style:solid;border-color:#ccc;width:100%;margin:0 0 10px;}
.contact_table th{background:#efefef;border-width:1px;border-style:solid; border-color:#fff #ccc #ccc #fff;padding:4px 8px;text-align:left;width:160px;line-height:normal;}
.contact_table td{border-width:1px;border-style:solid;border-color:#fff #ccc #ccc #fff;padding:4px;line-height:normal;}

/* form */

.pp{border:1px solid #ccc;padding:14px;height:120px;overflow-x:hidden;overflow-y:auto;}
.agree{margin:0 0 10px;text-align:center;border-bottom:1px dottd #666;}
.contbtn{margin:0 0 20px;text-align:center;}

input[type="checkbox"], input[type="radio"] {vertical-align:middle;}
input{font-size:100%;vertical-align:middle;}
input[type="text"], select{border:1px solid #ccc;padding:2px;}
input:focus[type="text"]{border:1px solid #06c;padding:2px;}
textarea{font-size:100%;border:1px solid #ccc;padding:2px;width:99%;}
.form-s{width:25%;}
.form-m{width:50%;}
.form-l{width:75%;}

/* link */
body a:focus{outline:none;}
body a:link, body a:visited, body a:active{color:#06c;text-decoration:underline;}
body a:hover{color:#06c;text-decoration:underline;}

.link-head a:link,
.link-head a:active,
.link-head a:visited
{background:url(../images/popup-icon.gif) 5px center no-repeat; padding:3px 5px 3px 3px;padding-left:24px;line-height:normal; float:right; display:block; white-space:nowrap; background-color:#069; color:#fff; text-decoration:none;}
.link-head a:hover
{background:url(../images/popup-icon.gif) 5px center no-repeat; padding:3px 5px 3px 3px;padding-left:24px;line-height:normal; float:right; display:block; white-space:nowrap; background-color:#136ddc; color:#fff; text-decoration:none;}


.link-head2 a:link,
.link-head2 a:active,
.link-head2 a:visited
{background:url(../images/popup-icon.gif) left center no-repeat; padding-left:24px;line-height:normal; text-decoration:none; color:#06C;}
.link-head2 a:hover
{background:url(../images/popup-icon.gif) left center no-repeat; padding-left:24px;line-height:normal; text-decoration:none; color:#09C;}

.link-head3:link,
.link-head3:active,
.link-head3:visited
.link-head3:hover
{background:url(../images/popup-icon.gif) left 2px no-repeat; padding-left:17px;}

/* general-purpose */
.title01{ background-color:#000; color:#fff; padding:5px 9px;line-height:normal;font-size:133%;
border-radius: 3px;
-webkit-border-radius: 3px;  
-moz-border-radius: 3px;}
.title02{font-size:166%;}
.title03{ background:url(../images/h4-bg.jpg) no-repeat left top; line-height:50px; font-size:133%; color:#fff; padding-left:54px;}
.title03l{ background:url(../images/h4-bg2.jpg) no-repeat left top; line-height:50px; font-size:133%; color:#fff; padding-left:54px;}
.title04{ background:url(../images/h4-bg3.jpg) no-repeat left center; line-height:normal; font-size:120%; color:#333; padding-left:22px;}
.title04l{ background:url(../images/h4-bg3.jpg) no-repeat left center; line-height:normal; font-size:145%; color:#333; padding-left:22px;}
.title05{ background-color:#1b468a; color:#fff; padding:5px 9px;line-height:normal;font-size:120%;
border-radius: 3px;
-webkit-border-radius: 3px;  
-moz-border-radius: 3px;}
.fsl{font-size:120%;}
.fsl2{font-size:145%;}
.bb1{border-bottom:1px dotted #000;padding:0 0 10px;margin:0 0 10px;}

.box1{
	border:1px solid #999;
	border-radius: 3px;
-webkit-border-radius: 3px;  
-moz-border-radius: 3px;
padding:10px;
height:1%;
}

img{border:none;}

.clr{clear:both;}
.pg-brk{page-break-before:always;}

/* Paging
---------------------------------------------------- */
div.paging{line-height:normal;background-color:#efefef;padding:5px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;font-size:xx-small;font-family:Arial, Helvetica, sans-serif;margin-bottom:20px;}
div.paging span.current,div.paging span a.paging-text{margin:0px 5px;padding:4px 8px;border:1px solid #999;background:#fff;display:inline;zoom:1;display:inline-block;overflow:hidden;text-decoration:none;}
div.paging span.current{background:#ddd;display:inline;zoom:1;text-decoration:none;display:inline-block;}
div.paging span a.paging-text:hover{color: #f60;background:#333;cursor:pointer;background-color:#fff;background:#fc9;display:inline;zoom:1;text-decoration:none;display:inline-block;}
div.paging img { vertical-align: middle; }

/* table */
.full{width:100%;}
.tb0{border-width:1px 0 0 1px;border-style:solid;border-color:#ccc;width:100%;margin:0 0 10px;}
.tb0 th{background:#efefef;border-width:1px;border-style:solid; border-color:#fff #ccc #ccc #fff;padding:4px 8px;text-align:left;width:80px;}
.tb0 td{border-width:1px;border-style:solid;border-color:#fff #ccc #ccc #fff;padding:4px 8px;}

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

/* float */
.left{float:left;}
.right{float:right;}


.w86{width:86px;}
.w161{width:161px;}
.w200{width:200px;}
.w224{width:224px;}
.w244{width:244px;}
.w340{width:340px;}
.w350{width:350px;}
.w600{width:600px;}
.w700{width:710px; border-left:10px solid #fff;}
.w960{width:960px; margin:0 auto}

.topics-bg{background:url(../images/topics-bg.gif) repeat-x top;}
.imgfrm img{border:1px solid #fff;}

/* list */
.noicon{list-style-type:none;margin:0 0 10px;padding:0;}
.noicon li{margin:0;padding:0;}
.disc{list-style-type:disc;margin:0 0 10px;padding:0;}
.disc li{margin-left:24px;padding:0;}
.square{list-style-type:square;margin:0 0 10px;padding:0;}
.square li{margin-left:24px;padding:0;}
.decimal{list-style-type:decimal;margin:0 0 10px;padding:0;}
.decimal li{margin-left:24px;padding:0;}

/* decoration */
.red{color:#e61002;}
.blue{color:#06c;}
.green{color:#090;}
.yellow{color:#ffc;}
.cyan{color:#0cc;}
.orange{color:#f60;}

.w455{width:455px;}

/* margin padding */
.mb00{margin-bottom:0;}
.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}

.mr0 {margin-right: 0 !important;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}

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

.box2{
	border-top:1px dotted #666;
	border-bottom:1px dotted #666;
	padding:10px;
	background-color:#efefef;
}

#ddm{
	position:absolute;
	top:115px;
	left:329px;
	z-index:100;
	white-space:nowrap;
	border-bottom:1px solid #999;
	margin-top:-200px;
}

#ddm a:link,
#ddm a:active,
#ddm a:visited{
	padding:8px;
	line-height:normal;
	background-color:#fff;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-top:1px solid #999;
	display:block;
	text-decoration:none;
}
#ddm a:hover{
	padding:8px;
	line-height:normal;
	background-color:#aadaff;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-top:1px solid #999;
	display:block;
	text-decoration:none;
}

#head{
	height:115px;
	width:980px;
	position:absolute;
	top:0;
	z-index:200;
	background-color:#fff;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.box2colmun .content {
	display: table-cell;
	zoom: 1;
}

.box2colmun .left {
	float: left;
}

.box2colmun img {
	display: block;
}

.box2colmun .right {
	float: right;
}

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

.box2colmun .content:after {
	clear: both;
}

.box2colmun .content {
	zoom: 1;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
 page style
++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 下層共通
------------------------------------------------------ */
.page #pagebody {
	background: none;
}

.page #content {
	width: 710px;
	padding-top: 13px;
	padding-bottom: 40px;
	padding-left: 10px;
	border-left: none;
	overflow-x: hidden;
}

.page #aside {
	padding-bottom: 30px;
}

/* topics
------------------------------------------------------ */
.topics .img_box {
	width: 726px;
	margin-bottom: 20px;
}

.topics .img_box p {
	float: left;
	width: 226px;
	margin-right: 16px;
}

.topics .txt_box {
	margin-bottom: 20px;
}

/* branch
------------------------------------------------------ */
.branch .h_navi {
	margin-bottom: 20px;
}

.branch .h_navi p {
	float: left;
	margin-right: 16px;
}

.branch .lead {
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 1.4;
}

.branch .lead dt {
	font-weight: bold;
}

.branch .img_box {
	width: 480px;
	margin-bottom: 20px;
}

.branch .img_box p {
	float: left;
	width: 150px;
	margin-right: 15px;
}

/* product
------------------------------------------------------ */
.product .category_navi {
	width: 726px;
	margin-bottom: 20px;
}

.product .category_navi li {
	float: left;
	margin-right: 16px;
	margin-bottom: 10px;
	list-style-type: none;
}

.product .category_navi li a {
	display: block;
	width: 208px;
	padding: 8px;
	border: 1px solid #b9b9b9;
	background: #ebebeb;
	text-align: center;
	text-decoration: none;
}

.product .category_navi li a:hover {
	background: #9bdcf1;
}

.product .txt_box {
	margin-bottom: 40px;
}

.product .p_block {
	margin-bottom: 40px;
}

.product .p_block h4 {
	margin-bottom: 15px;
	padding: 3px;
	padding-left: 7px;
	background: #b9cdd6;
	font-size: 14px;
}

.product .p_block .t_box {
	margin-bottom: 20px;
}

.product .img_box {
	width: 726px;
	margin-bottom: 20px;
}

.product .img_box p {
	float: left;
	width: 226px;
	margin-right: 16px;
}

/* feature
------------------------------------------------------ */
.feature dt {
	font-size: 14px;
	font-weight: bold;
	color: #ff6600;
}

.feature h4 {
	font-size: 14px;
	font-weight: bold;
}

/* method
------------------------------------------------------ */
.method .flow_box .box {
	float: left;
	width: 226px;
	margin-right: 16px;
	margin-bottom: 20px;
}

/* company
------------------------------------------------------ */
.company .tb1 {
	margin-bottom: 40px;
}

.company .tb1 th {
	width: 130px;
}

/* inquiry
------------------------------------------------------ */
.inquiry #privacy {
	width: 678px;
	height: 120px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid #dedede;
	overflow-y: auto;
}

.inquiry #privacy h3 {
	margin-bottom: 3px;
	font-size: 110%;
	font-weight: bold;
}

.inquiry #privacy h4 {
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 13px;
}

.inquiry #privacy p {
	margin-bottom: 15px;
}

.inquiry #privacy ul {
	margin-bottom: 15px;
	margin-left: 23px;
}

.inquiry #privacy ul li {
	list-style-type: decimal;
}

form .item01 {
	width: 70px;
}

form .item02 {
	width: 200px;
}

form .item03 {
	width: 420px;
}

form .item04 {
	width: 530px;
	height: 150px;
	overflow-y: auto;
}

form .item05 {
	width: 50px;
}

form #submit {
	width: 100px;
	margin: 0 auto;
}

form #submit input {
	width: 100px;
	height: 25px;
	padding-top: 2px;
}