@charset "utf-8";

/*----------------------------------------------------------------
 *　layout.css
----------------------------------------------------------------*/

/* home
------------------------------------------------- */

#home #flash_area {
	width: 100%;
	height:210px;
	min-width:1020px;
	margin-bottom:20px;
	background: #F5F5F5;
	padding:4px 0;
}

#home #flash_area2 {
	width: 100%;
	height:210px;
	min-width:1020px;
	margin:20px 0;
}

#home #flash_area_2 {
	width: 100%;
	height:210px;
	min-width:1020px;
	margin:10px 0;
}

#home #flash_area3 {
	width: 100%;
	height:210px;
	min-width:1020px;
	margin:4px 0 4px 0;
}

#home #flashcontent {
	margin:0 auto;
	text-align:center;
	width:1020px;
}

#home #content {
	padding-top:0px;
}

#home .top_left {
	width:655px;
	float:left;
}

#home .top_right {
	width:325px;
	float:right;
}

#home .top_right a:link {text-decoration: none !important;}
#home .top_right a:visited {text-decoration: none !important;}
#home .top_right a:hover {text-decoration: underline !important;}

#home .topics {
	margin-top:20px;
	background: url(../../img/topic_back2.png) repeat-y left top;
}


#home .topics ul li {
	width:200px;
	float:left;
	margin-right:9px;
	display:inline;
}

.topic_bottom {
	background: url(../../img/topic_back.png) no-repeat left bottom;
	padding-top:10px;
}

.topic_bottom li{
	width:197px;
	padding:15px 13px 10px 0;
	display: table-cell;
	vertical-align: top;
	text-align:center;
	position: relative;
	　display:inline;
	　zoom:1;
	
}

#home .topics ul li.topic_last {
	width:215px;
	float:left;
	margin-right:0px;
	display:inline;
}

/* h
------------------------------------------------- */

#home h2 {
	margin-bottom:13px;
}

#home h2.news,
#home h2.press{
	padding-top:4px;
	margin-bottom:6px;
}

/* txt
------------------------------------------------- */

.txt01 {
	width:625px;
}

.txt02 {
	margin-top:14px;
	width:625px;
}

.txt03 {
	padding:15px 10px 30px 10px;
}

.txt04 {
	padding:15px 20px 30px 10px;
}

.txt05 {
	margin-top:14px;
}

.txt06 {
	margin-top:8px;
	padding-bottom:4px;
}

.txt07 {
	margin-top:8px;
	text-align:center;
}

.txt08 {
	font-size:14px;
}

.txt09{
	text-align:right;
	margin-top:20px !important;
	font: bold 105%/165% "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif !important;	
}

.txt10{
	font-size: 125%;	
}

.txt11{
	text-align:right;
}

.txt12 {
	margin-top:-18px;
	position:relative;
}

.txt13{
	font-size:135%;
	font-weight:bold;
}


.txt14{
	margin-top:14px;
	color: #666666;
	background: url(../img/mark01.gif) no-repeat left center;
	padding-left:12px;
	font-weight: bold;
}

.txt15{
	margin-top:15px;
	font-weight:bold;
}

.txt16{
	margin:25px 0;
	font-size: 135%;
	font-weight:bold;
	text-align:center;
}


/* button
------------------------------------------------- */

.button01 {
	text-align:right;
	margin:0 10px 10px 0;
}

.button02 {
	text-align:right;
	margin:0 25px 10px 0;
}

.button03 {
	text-align:right;
	margin-top:15px;
}

.button03_2 {
	text-align:right;
	margin-top:15px;
	margin-right:9px;
}

.button03_3 {
	text-align:right;
	margin-top:15px;
	margin-right:4px;
}

.button04 {
	text-align:right;
	margin:15px 0 0 auto;
	background: url(../img/side_menu02_on.gif) no-repeat left 5px;
	padding-left:10px;
	width:90px;
	font-size:12px;
}

.button05 {
	margin:15px auto 0 auto;
	width:86px;
	background: url(../img/side_menu02_on.gif) no-repeat left 4px;
	padding-left:10px;
	font-size:12px;
}

.button06 {
	text-align:right;
	margin:15px 0 0 auto;
	background: url(../img/side_menu02_on.gif) no-repeat left 4px;
	padding-left:10px;
	width:197px;
	font-size:12px;
}

.button07 {
	float:right;
	margin:15px 0 0 auto;
	background: url(../img/side_menu02_on.gif) no-repeat left 5px;
	padding-left:10px;
	font-size:12px;
}

.button07 {
	float:right;
	margin:15px 0 0 auto;
	background: url(../img/side_menu02_on.gif) no-repeat left center;
	padding-left:10px;
	font-size:12px;

}

.button08 {
	float:right;
	margin:15px 0 0 auto;
	background: url(../img/side_menu02_on.gif) no-repeat left center;
	padding-left:10px;
	font-size:12px;
	width:98px;
}

.button09 {
	text-align:center;
	margin-top:23px;
}

.button10{
	padding-left:10px;
}

.button10 p{
	width:167px;
	float:left;
	padding-left:20px;
	line-height:1;
	font-size:0;
}

.button11{
	padding:20px 0;
}

.button11 li.fn01{
	float:left;
	padding:0 45px 0 115px;
}

.button12 p{
	float:right;
	clear:both;
	margin:15px 0 0 0;
	background: url(../img/side_menu02_on.gif) no-repeat left center;
	padding-left:10px;
	font-size:12px;
}

/* box
------------------------------------------------- */

.box01{
	margin-top:33px;
}

.box01_col{
	margin-top:22px;
	background: url(../img/box_back.gif) no-repeat left bottom;
}

.box02 div.box02_left{
	float:left;
	width:286px;
	margin-bottom:30px;
	display:inline;
}

.box02 div.box02_right{
	float:right;
	width:286px;
	margin-bottom:30px;
	display:inline;
}

.box02 div.box02_left{
	margin-right:16px;
	display:inline;
}

.box03 div.box03_left{
	float:left;
	width:267px;
	padding:8px;
	margin-top:22px;
	display:inline;
	border: 1px solid #CCC;
}

.box03 div.box03_right{
	float:left;
	width:267px;
	padding:8px;
	margin-top:22px;
	display:inline;
	border: 1px solid #CCC;
}

.box03 div.box03_left{
	margin-right:20px;
	display:inline;
}
/* cont
------------------------------------------------- */

.cont01 {
	width:639px;
	border: 1px solid #ccc;
	padding: 13px 0px 13px 14px;
	background: url(../../img/top_contback.jpg) repeat-x left bottom;
}

.cont02 {
	margin-bottom:20px;
}

.cont03 {
	padding: 20px 15px 15px 15px;
	margin-top: 7px;
	border: 1px solid #ccc;
	/*background: url(../img/cont_back.jpg) repeat-x left bottom;*/
}

.cont04 {
	margin-bottom:35px;
}

.cont05 {
	padding-bottom:10px;
	margin-bottom:30px;
	border: 1px solid #CCC;
}

/* tit
------------------------------------------------- */

.tit01{
	width:614px;
	float:left;
	background: url(../img/tit01.gif) repeat-y left top;
	font-size: 170%;
	font-weight: bold;
	padding-left:12px;
	zoom:1;
	line-height:130%;
}

.tit02{
	font-size: 135%;
	font-weight: bold;
	padding-left:6px;
	border-left: 5px solid #83bcc3;
	color: #6b9ca1;
	line-height:140%;
}

.tit03{
	font-weight: bold;
	text-align: center;
	padding-top: 14px;
	padding-bottom: 9px;
}

.tit04{
	background: url(../img/tit02.gif) repeat-x left bottom;
	font-weight: bold;
	padding:10px 0 4px 13px;
}

.tit04_left{
	float:left;	
}

.tit04_right{
	float:right;
	background: url(../img/side_menu02_on.gif) no-repeat left 0.4em;
	padding:0px 10px 0 10px;
	font-size:92%;
	font-weight: normal;
	position: relative;
	top: 2px;
	zoom:1;
}

.tit04_right a:link{ text-decoration:none; }
.tit04_right a:visited{ text-decoration:none; }
.tit04_right a:hover{ text-decoration:none; }

.tit05{
	font-weight: bold;
	background: #daebed;
	padding: 4px 4px 4px 10px;
}

.tit06_wrap{background: url(../../product/function/img/func_back01.gif) repeat-x left bottom;}

.tit06{
	padding:3px 0 3px 20px;
	font-weight: bold;
}

#func01 .tit06{background: url(../../product/function/img/func01_mark01.gif) no-repeat 2px 2px;}
#func02 .tit06{background: url(../../product/function/img/func02_mark01.gif) no-repeat 2px 2px;}
#func03 .tit06{background: url(../../product/function/img/func03_mark01.gif) no-repeat 2px 2px;}
#func04 .tit06{background: url(../../product/function/img/func04_mark01.gif) no-repeat 2px 2px;}
#func05 .tit06{background: url(../../product/function/img/func05_mark01.gif) no-repeat 2px 2px;}
#func06 .tit06{background: url(../../product/function/img/func06_mark01.gif) no-repeat 2px 2px;}
#func07 .tit06{background: url(../../product/function/img/func07_mark01.gif) no-repeat 2px 2px;}
#func08 .tit06{background: url(../../product/function/img/func08_mark01.gif) no-repeat 2px 2px;}
#func09 .tit06{background: url(../../product/function/img/func09_mark01.gif) no-repeat 2px 2px;}
#func10 .tit06{background: url(../../product/function/img/func10_mark01.gif) no-repeat 2px 2px;}
#func11 .tit06{background: url(../../product/function/img/func11_mark01.gif) no-repeat 2px 2px;}


.tit07_wrap{
	background: url(../../product/function/img/func_back02.gif) repeat-x left bottom;
	border: 1px solid #CCC;
}

.tit07_wrap p{
	padding:5px 0 1px 20px;
	font-weight: bold;
}

.tit07_wrap .tit07_01{background: url(../../product/function/img/func01_mark01.gif) no-repeat 2px 2px;}
.tit07_wrap .tit07_02{background: url(../../product/function/img/func02_mark01.gif) no-repeat 2px 2px;}
.tit07_wrap .tit07_03{background: url(../../product/function/img/func03_mark01.gif) no-repeat 2px 2px;}
.tit07_wrap .tit07_04{background: url(../../product/function/img/func04_mark01.gif) no-repeat 2px 2px;}
.tit07_wrap .tit07_05{background: url(../../product/function/img/func05_mark01.gif) no-repeat 2px 2px;}
.tit07_wrap .tit07_06{background: url(../../product/function/img/func06_mark01.gif) no-repeat 2px 2px;}
.tit07_wrap .tit07_07{background: url(../../product/function/img/func07_mark01.gif) no-repeat 2px 2px;}
.tit07_wrap .tit07_08{background: url(../../product/function/img/func08_mark01.gif) no-repeat 2px 2px;}
.tit07_wrap .tit07_09{background: url(../../product/function/img/func09_mark01.gif) no-repeat 2px 2px;}
.tit07_wrap .tit07_10{background: url(../../product/function/img/func10_mark01.gif) no-repeat 2px 2px;}
.tit07_wrap .tit07_11{background: url(../../product/function/img/func11_mark01.gif) no-repeat 2px 2px;}

/* dl
------------------------------------------------- */

.dl01 {
	margin: 3px 0px 3px 0px;
	border-top: 4px solid #e8e8e8;
	padding: 13px 0px 0px 0px;
}

.dl01 dt{
	color: #666666;
	background: url(../img/mark01.gif) no-repeat left center;
	padding-left:12px;
}

.dl01 dd{
	margin-bottom:5px;
}

.dl02 {
	border: 1px solid #7a7a7a;
	font-weight: bold;
	background: url(../../gmaga/img/zirei_back.gif) repeat-y left top;
}

.dl02 dt{
	width:61px;
	padding:4px 10px 2px 10px;
	color: #FFF;

	font-size:12px;
	text-align:center;
	display: table-cell;
	vertical-align: middle;
	　display:inline;
	　zoom:1;
}

.dl02 dd{
	width:460px;
	padding:4px 10px 2px 10px;
	text-align:center;
	display: table-cell;
	vertical-align: middle;
	　display:inline;
	　zoom:1;
}

.dl03{
	float:left;
	width:187px;
	margin-right:8px;
	padding: 1px 2px 7px 2px;
	border-top: 1px solid #d0d9e0;
}

.dl03_last{
	margin-right:0px;
}

.dl03 dt{
	background: #d3e8fb;
	font-weight: bold;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 5px;
}

.dl03 dd.subtit{
	background: #d3e8fb;
	font-size:85%;
	text-align: center;
	padding-top: 8px;
	line-height: 125%;
	color: #797979;
}

.dl03 dd{
	padding-left:7px;
	padding-right:7px;
}

.dl03 dd.button{
	padding-top:10px;
	text-align:center;
}

.dl04{
	margin:8px 0 14px 0;	
}

.dl04 dd.more{
	width:60px;
	margin:10px 0 0px auto;
	font-size: 11px;
	background: url(../img/side_menu02_on.gif) no-repeat left 3px;
	padding-left:10px;
	line-height: 165%;
}

.dl05 dt{
	margin-top:6px;	
}

.dl05 dd{
	margin-top:2px;
	font-size: 92%;
}

.dl06 dt{
	padding:6px 0 0px 20px;
	background: #f0f0f0;
}

.dl06 dd.txt{
	padding:12px 0 15px 0px;
	border-bottom: 1px dotted #CCC;
	margin:0 20px 12px 20px;;
}

.dl06 dd.txt_noline{
	padding:12px 0 15px 0px;
	margin:0 20px 12px 20px;;
}

.dl06 dd.list{
	padding-left:12px;
	margin:4px 20px 0 20px;
}

#func01 .dl06 dd.list{background: url(../../product/function/img/func01_mark02.gif) no-repeat left 6px;}
#func02 .dl06 dd.list{background: url(../../product/function/img/func02_mark02.gif) no-repeat left 6px;}
#func03 .dl06 dd.list{background: url(../../product/function/img/func03_mark02.gif) no-repeat left 6px;}
#func04 .dl06 dd.list{background: url(../../product/function/img/func04_mark02.gif) no-repeat left 6px;}
#func05 .dl06 dd.list{background: url(../../product/function/img/func05_mark02.gif) no-repeat left 6px;}
#func06 .dl06 dd.list{background: url(../../product/function/img/func06_mark02.gif) no-repeat left 6px;}
#func07 .dl06 dd.list{background: url(../../product/function/img/func07_mark02.gif) no-repeat left 6px;}
#func08 .dl06 dd.list{background: url(../../product/function/img/func08_mark02.gif) no-repeat left 6px;}
#func09 .dl06 dd.list{background: url(../../product/function/img/func09_mark02.gif) no-repeat left 6px;}
#func10 .dl06 dd.list{background: url(../../product/function/img/func10_mark02.gif) no-repeat left 6px;}
#func11 .dl06 dd.list{background: url(../../product/function/img/func11_mark02.gif) no-repeat left 6px;}

.dl07{
	float:left;
	width:197px;
	padding-right:13px;
	display: table-cell;
	vertical-align: top;
	position: relative;
	　display:inline;
	　zoom:1;
}

.dl07 dt{
	line-height:0;
	font-size:0;
	zoom:1;
}

.dl07 dd{
	border-left: 1px solid #D3DBE1;
	border-right: 1px solid #D3DBE1;
	zoom:1;
}

.dl07 dd.txt{
	padding:0px 10px 0px 10px;
}

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

.img01{
	margin-top:30px;
	text-align:center;	
}

/* txtpic
------------------------------------------------- */

.txtpic01{
	margin-top:30px;	
}

.txtpic01 .txt{
	float:left;
	width:286px;
}

.txtpic01 .pic{
	float:right;
	width:286px;
}

.txtpic02 .txt{
	float:left;
	width:425px;
}

.txtpic02 .pic{
	float:right;
	width:150px;
}

.txtpic03 .txt{
	float:right;
	width:425px;
}

.txtpic03 .pic{
	float:left;
	width:150px;
}

.txtpic04 .txt{
	float:right;
	width:493px;
}

.txtpic04 .pic{
	float:left;
	width:100px;
}

.txtpic05{
	margin-top:15px;	
}

.txtpic05 .txt{
	float:left;
}

.txtpic05 .pic{
	float:left;
	padding:0 15px 0 0;
}

.txtpic06{
	margin-top:15px;	
}

.txtpic06 .txt{
	float:right;
}

.txtpic06 .pic{
	float:right;
	padding:0 15px 0 0;
}


/* list
------------------------------------------------- */

.list01{
	margin-top:20px;
}

.list01 li{
	margin:0 24px 15px 0;
	background: url(../img/side_menu02_on.gif) no-repeat left 5px;
	padding-left:10px;
}

.list01 li.list01_right{
	float:left;
	width:260px;
	margin:0 0px 30px 0;
	background: url(../img/side_menu02_on.gif) no-repeat left 5px;
	padding-left:10px;
	display:inline;
}

.list02{
	margin-top:20px;
}

.list02 li{
	float:left;
	width:94px;
	margin:4px 4px 0 0;
}

.list02 li.last{
	margin-right:0px;
}

.list03 li{
	float:left;
	width:176px;
	text-align:right;
	padding:10px 15px 10px 0;
}

.list03 li.second{
	padding-left:7px;
}

.list03 li.third{
	padding-left:10px;
}

.list04 {
	margin-top:15px;

}

.list04 li,
.list05 li{	
	background: url(../img/side_menu03.gif) no-repeat left 0.6em;
	display: block;
	padding-left:10px;
}

.list06 li{

	background: url(../img/side_menu03.gif) no-repeat left 0.6em;
	padding-left:8px;
}

.list06 li.none{
	background: none;
	padding-left:0px;
}

/* table
------------------------------------------------- */

.tb01{
	width:594px;
	margin-top:23px;
	border: 1px solid #bbb;
}

.tb01 th{
	text-align: center;
	vertical-align: middle;
	background: #f2f2f2;
}

.tb01 th.th01{
	width:430px;
	text-align: center;
	vertical-align: middle;
	
}

.tb01 th.th02{
	width:142px;
	text-align: center;
	vertical-align: middle;
}

.tb01 th.th03{
	width:380px;
	text-align: center;
	vertical-align: middle;
}

.tb01 th.th04{
	width:420px;
	text-align: center;
	vertical-align: middle;
}

.tb01 th.th05{
	width:360px;
	text-align: center;
	vertical-align: middle;
}

.tb01 .td01{
	text-align: center;
	vertical-align: middle;
}

.tb01 .td02{
	width:80px;
	text-align:center;
	font-weight:bold;
}

.tb01 .td03{
	width:120px;
}


.tb01 th,
.tb01 td{
	border: 1px solid #bbb;
	padding: 10px;
}

.tb02{
	width:285px;
	margin-top:23px;
	border: 1px solid #bbb;
	margin-left:1px;
}


.tb02_right{
	float:right;	
}

.tb02_left{
	float:left;	
}

.tb02 th{
	text-align: center;
	vertical-align: middle;
	background: #FCFCFC;
	width:65px;
}

.tb02 th,
.tb02 td{
	border: 1px solid #bbb;
	padding: 10px;
}

.tb02 th.tb02_tit{
	background: #F0F0F0;
	width:20em;
	text-align:center;
}

.tb03{
	width:594px;
	margin-top:15px;
	border: 1px solid #bbb;
	font-size: 92%;
}

.tb03 th{
	text-align: left;
	vertical-align: middle;
	background: #f2f2f2;
	font-weight: normal;
}

.tb03 th.th01{
	vertical-align: middle;
	zoom:1;
}

.tb03 .th02{
	background: #fcfaec;
	font-weight:bold;
}

.tb03 th,
.tb03 td{
	vertical-align: middle;
	border: 1px solid #bbb;
	padding: 5px 5px 3px 13px;
}

.tb03 td{
	vertical-align: middle;
	border: 1px solid #bbb;
	padding: 5px 5px 3px 13px;
	width:400px;
}

.tb04 td{
	width:146px;
	text-align:center;
	padding-bottom:10px;
}

.tb05{
	width:594px;
	margin-top:15px;
	border: 1px solid #bbb;
}

.tb05 th{
	text-align: left;
	vertical-align: middle;
	background: #f2f2f2;
	font-weight: normal;
}

.tb05 th.th01{
	vertical-align: middle;
	zoom:1;
}

.tb05 .th02{
	background: #fcfaec;
	font-weight:bold;
}

.tb05 th,
.tb05 td{
	vertical-align: middle;
	border: 1px solid #bbb;
	padding: 5px 5px 3px 13px;
}

.tb05 td{
	vertical-align: middle;
	border: 1px solid #bbb;
	padding: 5px 5px 3px 13px;
	width:400px;
}

.tb06,
.tb07
{
	width:594px;
	margin-top:15px;
	border: 1px solid #bbb;
}

.tb06 th,
.tb06 td,
.tb07 th,
.tb07 td{
	vertical-align: middle;
	border: 1px solid #bbb;
	padding: 5px 5px 3px 5px;
}

.tb06 th,
.tb07 th{
	text-align: center;
	vertical-align: middle;
	background: #f2f2f2;
	font-weight: normal;
}

.tb06 td,
.tb07 td{
	vertical-align: middle;
	border: 1px solid #bbb;
	padding: 5px 5px 3px 13px;
	width:450px;
}

.tb07 td{width:auto !important;}

.tb08{
	width:594px;
	margin-top:23px;
	
}

.tb08 th{
	text-align:left;
	font-weight:normal;
	vertical-align: middle;

	border: 1px solid #bbb;
	padding: 10px;
}

.tb08 td{
	vertical-align: middle;
	text-align:center;
	border: 1px solid #bbb;
	padding: 10px;
}

.tb08 th.th01{
	width:430px;
	vertical-align: top;
}


.tb09{
	width:594px;
	margin-top:23px;
}

.tb09 th{
	margin-top:23px;
	border: 1px solid #bbb;

	padding:7px 7px 3px 7px;
	text-align:left;
	font-weight:normal;
	background: #f2f2f2;
}

.tb09 th.th01{
	width:90px;
}

.tb09 td{
	margin-top:23px;
	border: 1px solid #bbb;

	padding:7px 7px 3px 7px;
	text-align:center;
}

.tb09 th.td01{
	width:130px;

}

.tb09 th.td02{
	width:130px;
	border: none;
	background: #ffffff;
}

.tb09 .center{
	text-align:center;	
}

/* other
------------------------------------------------- */

.width436{
	width:436px !important;	
}

.color01{ color: #F00; }
.color02{ color: #00F; }
.color03{ color: #538388;}

.font01{
	font-size: 92%;
}

.font02{
	font-size: 128%;
}

.font03{
	font-size: 140%;
}

.mark01 {
	background: url(../img/side_menu02_on.gif) no-repeat left center;
	padding-left:10px;
}

.pt0{
	padding-top:0px !important;
}

.mb0{
	margin-bottom:0px !important;
}

.txt_center{
	text-align:center;
}

.txt_right{
	text-align:right;
}

.more01{
	float:right;
	font-weight: normal;
}

.kadai{
	width:587px;
	height:32px;
	background: url(../../solution/img/kadai.gif) no-repeat left top;
}

.kaiketsu{
	width:587px;
	height:32px;
	background: url(../../solution/img/kaiketsu.gif) no-repeat left top;
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	padding-top:7px;
}

.arrow01{
	width:41px;
	margin:24px auto;
}

.mt0{
	margin-top:0px !important;
}

.mt5{
	margin-top:5px;
}

.mt30{
	margin-top:30px;	
}

.m14_20{
	margin-top:14px !important;
	margin-right:20px !important;	
}

.mt10{
	margin-top:10px;	
}

.mt14{
	margin-top:14px;	
}

.pd05 td,
.pd05 th{
	padding:5px !important;	
}

.strong{
	font-weight: bold;	
}

.pro_sol01{
	background: url(../../solution/img/kadai_back.gif) repeat-y left top;
}

.pro_sol02{
	background: url(../../solution/img/kaiketsu_back.gif) repeat-y left top;
}


.pro_sol01 dt,
.pro_sol02 dt{
	display: table-cell;
	vertical-align: middle;
	　display:inline;
	　zoom:1;
	line-height:0;
}

.pro_sol01 dd,
.pro_sol02 dd{
	display: table-cell;
	vertical-align: middle;
	text-align:left;
	　display:inline;
	　zoom:1;
	width:500px;
	padding-left:20px;	
}

.center{
	text-align:center;	
}

.mb_18{
	margin-bottom:-18px;
}