@charset "utf-8";

* {
   margin: 0;
   padding: 0;
}

body {
	background-position: center top;
	font-family: "MS UI Gothic";
	text-align: center;
	background-color: #DDDDDD;
	min-width: 980px;
	height: 100%;
}

#wrap1 {
	margin-left: auto;
	background-image: url(images/6m-w1bg.jpg);
	margin-right: auto;
	background-repeat: repeat-x;
	background-position: center;
}
#wrap1inner {
	margin-left: auto;
	background-image: url(images/6m-w1-i-bg.jpg);
	margin-right: auto;
	background-repeat: no-repeat;
	background-position: center;
}
#wrap1inner2 {
	margin-left: auto;
	background-image: url(images/6m-w1-top.jpg);
	margin-right: auto;
	background-repeat: no-repeat;
	background-position: center;
}

#wrap1core {
	width: 980px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	height: 800px;
}

#wrap2 {
	margin-left: auto;
	background-image: url(images/6m-w2bg.gif);
	margin-right: auto;
	background-repeat: repeat;
	background-position: center;
}
* html #wrap2 {
	margin-left: auto;
	background-image: url(images/6m-w2bg_ie6.gif);
	margin-right: auto;
	background-repeat: repeat;
	background-position: center;
}

#wrap2inner {
	margin-left: auto;
	background-image: url(images/6m-w2-i-bg.jpg);
	margin-right: auto;
	background-repeat: repeat-y;
	background-position: center;
}
* html #wrap2inner {
	margin-left: auto;
	background-image: url(images/6m-w2-i-bg_ie6.jpg);
	margin-right: auto;
	background-repeat: repeat-y;
	background-position: center;
}
#wrap2inner2 {
	width:980px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#wrap2core {
	width: 900px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	top: -300px;
	position: relative;
}

#wrap3 {
	margin-left: auto;
	background-image: url(images/6m-w2bg_ie6.gif);
	margin-right: auto;
	background-repeat: repeat;
	background-position: center top;
}
* html #wrap3 {
	margin-left: auto;
	background-image: url(images/6m-w2bg.gif);
	margin-right: auto;
	background-repeat: repeat;
	background-position: center top;
}

#wrap3inner {
	margin-left: auto;
	background-image: url(images/6m-w3-i-bg.jpg);
	margin-right: auto;
	background-repeat: no-repeat;
	background-position: center top;
}
* html #wrap3inner {
	margin-left: auto;
	background-image: url(images/6m-w3-i-bg_ie6.jpg);
	margin-right: auto;
	background-repeat: no-repeat;
	background-position: center top;
}

#wrap3core {
	width: 980px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 122px;
}

#wrap3incore {
	width: 900px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#container {
	width: 980px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	height: 125px;
}

.contents {
	line-height: 160%;
	font-size: 16px;
}
.messagebox {
	background-color: #b0f0d6;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	padding: 1px;
	width: 640px;
}
.bgbox {
	margin-left:-10px;
	list-style-type: none;
	}
.bgbox-top {
	background-image: url(images/6m-ts-bg-top.gif);
	height: 20px;
	width: 460px;
	background-repeat: no-repeat;
}
.bgbox-body {
	background-image: url(images/6m-ts-bg-body.gif);
	background-repeat: repeat-y;
	width: 460px;
	margin-top: -2px;
	margin-bottom: -3px;
}
.bgbox-body    ul {
	padding: 0 10px 0 22px;
	list-style-type: disc;
}
.bgbox-bottom {
	background-image: url(images/6m-ts-bg-bottom.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 460px;
}
.bgbox2 {
	margin-left:-10px;
	text-align: left;
	margin-bottom: 20px;
	margin-top: 20px;
	}
.bgbox2-top {
	background-image: url(images/6m-boxbg2-top1.gif);
	height: 40px;
	width: 684px;
	background-repeat: no-repeat;
}
.bgbox2-top2 {
	background-image: url(images/6m-boxbg2-top2.gif);
	height: 40px;
	width: 684px;
	background-repeat: no-repeat;
}
.bgbox2-top3 {
	background-image: url(images/6m-boxbg2-top3.gif);
	height: 40px;
	width: 684px;
	background-repeat: no-repeat;
}
.bgbox2-body {
	background-image: url(images/6m-boxbg2-body.gif);
	background-repeat: repeat-y;
	width: 684px;
}
.bgbox2-bottom {
	background-image: url(images/6m-boxbg2-bottom.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 684px;
}
.bgbox3 {
	margin-left:10px;
	text-align: left;
	}
.bgbox3-top {
	background-image: url(images/6m-boxbg3-top.gif);
	height: 20px;
	width: 684px;
	background-repeat: no-repeat;
}
.bgbox3-body {
	background-image: url(images/6m-boxbg3-body.gif);
	background-repeat: repeat-y;
	width: 684px;
}
.bgbox3-bottom {
	background-image: url(images/6m-boxbg3-bottom.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 684px;
}
.bgbox4 {
	margin-left:10px;
	text-align: left;
	}
.bgbox4-top {
	background-image: url(images/6m-boxbg4-top.gif);
	height: 20px;
	width: 684px;
	background-repeat: no-repeat;
}
.bgbox4-body {
	background-image: url(images/6m-boxbg4-body.gif);
	background-repeat: repeat-y;
	width: 684px;
}
.bgbox4-bottom {
	background-image: url(images/6m-boxbg4-bottom.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 684px;
}
.bgbox5 {
	margin-left:10px;
	text-align: left;
	margin-bottom: 20px;
	}
.bgbox5-top {
	background-image: url(images/6m-boxbg5-top.gif);
	height: 20px;
	width: 684px;
	background-repeat: no-repeat;
}
.bgbox5-body {
	background-image: url(images/6m-boxbg5-body.gif);
	background-repeat: repeat-y;
	width: 684px;
}
.bgbox5-bottom {
	background-image: url(images/6m-boxbg5-bottom.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 684px;
}
.bgbox6 {
	margin-left:10px;
	text-align: left;
	margin-bottom: 10px;
	}
.bgbox6-2 {
	margin-left:10px;
	text-align: left;
	}
.bgbox6-top {
	background-image: url(images/6m-boxbg6-top.gif);
	height: 40px;
	width: 684px;
	background-repeat: no-repeat;
}
.bgbox6-top2 {
	background-image: url(images/6m-boxbg6-top2.gif);
	height: 40px;
	width: 684px;
	background-repeat: no-repeat;
}
.bgbox6-body {
	background-image: url(images/6m-boxbg6-body.gif);
	background-repeat: repeat-y;
	width: 684px;
}
.bgbox6-bottom {
	background-image: url(images/6m-boxbg6-bottom.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 684px;
}
.message {
	text-align: left;
	padding: 10px 10px 10px 40px;
}
.qabox {
	background-color: #000000;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	padding: 1px;
	width: 640px;
	color: #FFFFFF;
	text-indent: 9px;
	font-size: 16px;
}
.qa-q {
	background-color: #b0f0d6;
	margin: 20px;
	color: #000000;
	text-align: left;
	padding: 10px;
	font-size: 18px;
}

.qa-a {
	background-color: #e5fff5;
	margin: 20px;
	color: #000000;
	text-align: left;
	padding: 10px;
	font-size: 15px;
}

#footer-navi {
	font-size: 14px;
	text-align: left;
	color: #000000;
	height: 60px;
	width: 902px;
	margin-left: auto;
	padding-top: 40px;
	margin-right: auto;
	padding-left: 2px;
}
* html #footer-navi {
}
.fnc {
	font-size: 15px;
	background-color: #414696;
	height: 60px;

}
.fmenu {
	padding: 20px 0px 20px 20px;
}

li#home {
	float:left;
	list-style-type: none;
}
li#law {
	float:left;
	list-style-type: none;
}

#footer {
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	color: #FFFFFF;
	background-image: url(images/6m-copyright.png);
	background-repeat: no-repeat;
	background-position: top center;
	height: 25px;
}

* html #footer {
	background-image: url(images/6m-copyright.jpg);
}

a {
	text-decoration: underline;
}

a.return {
	display: block; /* 画像1枚分の高さ */
	text-indent: -9999px; /* 画像ファイル名 */
	background-repeat: no-repeat;
	background-position: center;
	width: auto;
	height: 90px;
	background-image: url(images/return.jpg);
}
a.return:hover {
	background-image: url(images/return-h.jpg); /* 画像ファイル名 */
}

a#order {
	display: block; /* 画像1枚分の高さ */
	text-indent: -9999px; /* 画像ファイル名 */
	background-repeat: no-repeat;
	background-position: center;
	width: auto;
	height: 74px;
	background-image: url(images/order.jpg);
}
a#order:hover {
	background-image: url(images/order-h.jpg); /* 画像ファイル名 */
}
.table1 {
	margin: 20px;
	font-size: 16px;
	font-family: "HGPｺﾞｼｯｸE";
	line-height: 30px;
}
.border {
	border: thin double;
	border-color: #0099FF;
}

.ordercontact{
	font-size : 16px;
	color : white;
	background-color : #0099FF;
	padding-top : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-bottom : 5px;
	font-family: "HGPｺﾞｼｯｸE";
}
.box {
	padding: 30px 80px 40px 20px;
	text-align: left;

}
.box2 {
	padding: 30px 80px 40px 40px;
	text-align: left;
	background-image: url(images/6m-boxbg.gif);
	background-repeat: repeat-y;

}
.box3 {
	padding-right: 60px;

}
.box4 {
	padding: 30px 40px 40px 20px;
	text-align: left;
	background-color: #e1fcad;
	border: 1px solid #999999;
}
.box5 {
	padding: 0px 80px 40px 20px;
	text-align: left;

}
.box6 {
	border: 1px solid #CCCCCC;
	height: auto;
	margin-right: 80px;
	background-color: #EEE;
	margin-left: 80px;
}
.box6-2 {
	border: 1px solid #CCCCCC;
	height: auto;
	margin-right: 0px;
	background-color: #EEE;
	text-align: left;
	padding: 20px 20px;
	margin-left: 0px;
}
.box6-3 {
	border: 1px solid #CCCCCC;
	height: auto;
	margin-right: 0px;
	background-color: #FAFAFA;
	text-align: left;
	padding: 20px 30px;
	margin-left: 0px;
}
.box7 {
	margin-right: 60px;
	margin-left: 60px;
}
.floatbox {
	padding-top: 20px;
	padding-left: 60px;
	clear: left;
	height: 100%;
}
.float-l {
	float: left;
}

.float-r {
	float: right;
}
.rbox {
	margin-left: 30px;
	text-align: left;
	width: 460px;
}
.rbox2-1 {
	padding-top: 120px;
	padding-left: 30px;
	padding-bottom: 40px;
}

.rbox2-2 {
	padding-top: 20px;
	padding-left: 30px;
	padding-bottom: 40px;
}
.lbox {
	text-align: left;
	width: 460px;
	margin-top: 30px;
	float: left;
}
.lbox2 {
	text-align: left;
	width: 460px;
	float: left;
}
.lbox3 {
	float: left;
	text-align: justify;
	width: 369px;
}
.clearright {
	clear: right;
}
.clearleft {
	clear: left;
}
.clearboth {
	clear: both;
}

.overflow1 {
	overflow: auto;
}

/*navigation-----------------------------------------------------*/

#navigation {
	background-color: #000000;
	padding-top: 0px;
	border-right: 0px solid #000000;
	border-left: 0px solid #000000;
	}


#navigation-inner { 
	margin-right: 0px; 
	margin-left: 0px; 
	}

#navi {
	background-color: white;
	background-image: url(images/b_navi_bg.gif);
	background-position: 0 1px;
	height: 28px;
	clear: both;
	margin: 0;
	list-style-type: none;
	padding: 0;
	border-top: 2px solid #018FD9;
	border-bottom: 2px solid #018FD9;
	background-repeat: no-repeat;
	background-repeat: repeat-x;
	}

#navi li { 
	height: 28px; 
	float: left; 
	margin: 0; 
	padding: 0; 
	overflow: hidden; 
	}

#navi a {
	color: black;
	font-size: 14px;
	line-height: 26px;
	text-decoration: none;
	text-align: center;
	width: auto;
	list-style-type: none;
	margin: 0;
	padding: 0 20px;
	overflow: hidden;
	border-color: white #bbb white white;
	border-style: solid;
	border-width: 1px;
	display: block;
	}

#navi a:hover, 
#navi li .selected { 
	background-color: white; 
	background-image: url(images/b_navi_bg2.gif); 
	background-position: 0 0; 
	}

#navi li#first a { 
	border-left: none; 
	}

#navi li#last a { 
	border-right: medium none; 
	}

#navi li#last {  }

img  {vertical-align: top;}
.imgouter {
	width: 100%;
	overflow: auto;
}
/*navigation-----------------------------------------------------*/

* html .ie6 {


}

address {
	display: none;
}
.none {
	display: none;
}
.hidden {
	visibility: hidden;
}
.aleft {
	text-align: left;
}
.joint {
	height: 160px;
	width: 896px;
	overflow: hidden;
	margin: auto;
}
.hlb {
	height: 170px;
	width: 896px;
	overflow: hidden;
	margin: auto;
}
.space {
	height: 200px;
	width: 200px;
}
.regist {
	position:absolute;
	top:-200px;
	left: 200px;
}
.link1 {
	display:block;
	background:url(images/6m-counsel-rollover.jpg) no-repeat 0 0;
	width:560px;
	height:80px;
}

.link1 a{
    display:block;
    width:560px;  
    height:80px;
}
    
.link1 a:hover {  
    background-color:transparent;  
} 
    
.link1 a:hover img{
    visibility:hidden;
}
#imagemap{
	margin: auto;
	padding: auto;
	background: transparent url(images/6m-click.jpg) top left no-repeat;
	width: 788px;
	height: 406px;
	position: relative;
	}
#cliclarea{margin: 0; padding: 0; position: absolute; font-size: 85%; top: 236px; left: 182px;}
#cliclarea a{position: absolute; width: 275px; height: 131px; text-decoration: none;}
#cliclarea a span{display: none;}
#cliclarea a:hover{position: absolute; background: transparent url(images/6m-click-rollover.jpg) -182px -236px no-repeat; top: 0px; left: 0px;}
#cliclarea a:hover span {
	display: none;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	left:-20px;
	margin: 0;
	padding: 5px;
	width: 95%;}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
#form {
	width:580px;
	height:240px;
	display: block;
	padding: 30px 0px 0px 0px;
	margin: auto;
	position: relative;
	background-repeat: no-repeat;
	font-family: "HGPｺﾞｼｯｸE", "MS UI Gothic";
	color: #1d2088;
}
.input {
	width:280px;
}
.input2 {
	width:200px;
	height:50px;
}
.formbox {
	padding:60px 80px 60px 60px;
}
.last{
	position:absolute;
	top: -300px;
	left: 0px;
	}
.last2{
	position:absolute;
	top: -450px;
	left: 0px;
	}
.thumb1 a {
 display: block;
 width: 223px;
 height: 100px;
 overflow: hidden;
 position: relative;
 z-index: 1;
}
.thumb1 a:hover {
 overflow: visible;
 z-index: 2;
}
.thumb1 a img {
 width: 223px;
 height:auto;
 position: absolute;
 top:0;
 left:0;
}

/*------------------------------------------------------------
追加テキストリンク画像置換（テキストに画像を重ねて隠すマイオリジナル手法）
-------------------------------------------------------------*/
.oderlink_centering{
	width:900px;
	text-align:center;
}
.oderlink_box{
	position:relative;
	margin:auto;
	width:490px;
	height:228px;
}
.oderlink_text{
	width:490px;
	height:228px;
	position:absolute;
	top:0;
	left:0;
	display:block;
	z-index:20;
	}
.oderlink_image{
	background:url(./images/w1n-link_hover.jpg) no-repeat 0 0;
	width:490px;
	height:228px;
	position:absolute;
	top:0px;
	z-index:30;
}

.oderlink_image a{
    display:block;
	width:490px;
	height:228px;
}
    
.oderlink_image a:hover {  
    background-color:transparent;  
} 
    
.oderlink_image a:hover img{
    visibility:hidden;
}