@charset "shift_jis";

/*全ページ適用CSS */

body {
	font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size:100%;
	font-weight:normal;
	font-style: normal;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	color: #3F4251;
}

td {
	line-height: 1.5 !important;
}

h1, h2, h3, h4, h5, h6, p {
	margin:0px;
	padding:0px;
	text-align: left;
}

p{line-height:1.5;}

img{
	margin:0;
	padding:0;
	border:0;
	}
	

table#makebanner{
	background-image: url(../img/bg_contents02.jpg);
	background-repeat: repeat-y;
	width: 800px;
	margin: 0px;
	padding: 0px;
	}


a:link {
	color: #167CE2;
	text-decoration: underline;
	}
	
a:visited {
	text-decoration: underline;
	}
	
a:hover {
	color: #479AED;
	text-decoration: none;
	}
	
ul{
	list-style:none;
	}


/*文字サイズ */
.fs12{font-size:12px;}
.fs14{font-size:14px;}




/*レイアウト */

.wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	width: 800px;
	font-size: 12px;
	background-image: url(../img/bg_main.jpg);
	background-repeat: repeat-y;
}
		


/* カラースキーム */		
.gray {
	color: #999999;
}	

.gray2 {
	color: #7D7D7D;
	background-image: none;
}	

.darkblue {
	color: #566887;
}

.darkbrown {
	color: #574A35;
}

.red {
	color: #CC0000;
}

.redbrown {
	color: #990000;
}

.deepgreen {
	color: #32694D;
}

.brown {
    color: #6D3116;
}

	
		
/*ヘッダ */


.header {
	background-image: url(../img/bg_hed01.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	width: 800px;
}	


.header h1 {
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.header ul {
	margin: 20px 5px 0px 40px;
	padding: 0px 0px 3px;
	list-style-type: none;
	height: 23px;
}

.header ul.logo {
	margin: 18px 5px 0px 40px;
	padding: 0px 0px 3px;
	list-style-type: none;
	height: 23px;
}

.header li {
	list-style:none;
	margin: 0px;
	display: block;
	height: 23px;
	padding: 0px;
	line-height: 1;
	float: left;
}

.header li.home {
	margin: 0px;
	padding: 0px;
	width: 125px;
}

.header li.mthod02 {
	margin: 0px;
	padding: 0px;
	width: 95px;
}

.header li.mthod03 {
	width: 100px;
	margin: 0px;
	padding: 0px;
}

.header li.mthod04 {
	width: 75px;
	margin: 0px;
	padding: 0px;
}

.header li.mthod05 {
	width: 110px;
	margin: 0px;
	padding: 0px;
}

.header li.mthod06 {
	width: 150px;
	margin: 0px;
	padding: 0px;
}

.header li.mthod07 {
	width: 100px;
	margin: 0px;
	padding: 0px;
}

.header ul li a{
	text-indent:-1500px;
	display:block;
	line-height: 0;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	height: 20px;
	}

.header ul li a.mthod01{
	background:url(../img/hed_01.jpg) no-repeat left top;
	width: 50px;
	margin: 0px;
	padding: 0px;
}
	
.header ul li.mthod02 a{
	background:url(../img/hed_02.jpg) no-repeat left top;
	}

.header ul li.mthod03 a{
	background:url(../img/hed_03.jpg) no-repeat left top;
	}

.header ul li.mthod04 a{
	background:url(../img/hed_04.jpg) no-repeat left top;
	}
	
.header ul li.mthod05 a{
	background:url(../img/hed_05.jpg) no-repeat left top;
	}
	
.header ul li.mthod06 a{
	background:url(../img/hed_06.jpg) no-repeat left top;
	}
	
.header ul li.mthod07 a{
	background:url(../img/hed_07.jpg) no-repeat left top;
	}
	
.header ul li a:hover{
	background-position:right top;}	



.left_nav {
	margin: 0px;
	padding: 15px 0px 0px;
	width: 175px;
	background-image: url(../img/bg_nav.jpg);
	background-repeat: repeat-y;
	float: left;
}
.contents {
	margin: 0px;
	padding: 15px 0px 0px;
	width: 625px;
	background-image: url(../img/bg_contents.jpg);
	background-repeat: repeat-y;
}

.contents {
	margin: 0px;
	padding: 15px 0px 0px;
	width: 625px;
	display: block;
	float: left;
}

/* 左ナビ */

/* ロールオーバー1 */

.left_nav .search1 {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	background-image: url(../img/bg_nav02.jpg);
	background-repeat: no-repeat;
}

.search1 ul {
	margin: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	list-style-type: none;
}
.search1 li {
    list-style:none;
	margin: 0px;
	display: block;
	height: 50px;
	width: 140px;
	padding: 0px;
	line-height: 1;
}

.search1 ul li a{
	height: 45px;
	width: 140px;
	text-indent:-1500px;
	display:block;
	line-height: 0;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	}

.search1 ul li a.mthod01{
	background:url(../img/btn_01.jpg) no-repeat left top;}
	
.search1 ul li a.mthod02{
	background:url(../img/btn_02.jpg) no-repeat left top;}

.search1 ul li a.mthod03{
	background:url(../img/btn_03.jpg) no-repeat left top;}

.search1 ul li a.mthod04{
	background:url(../img/btn_04.jpg) no-repeat left top;}
	
.search1 ul li a:hover{
	background-position:top right;}	
	
/* ロールオーバー2 */	

.left_nav .search2 {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	background-image: url(../img/bg_nav03.jpg);
	background-repeat: no-repeat;
}
.search2 ul {
	margin: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 6px;
	list-style-type: none;
}
.search2 li {
	margin: 0px;
	display: block;
	height: 50px;
	width: 140px;
	padding: 0px;
}

.search2 ul li a{
	height: 45px;
	width: 140px;
	text-indent:-1500px;
	display:block;
	line-height: 0;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	}

.search2 ul li a.mthod01{
	background:url(../img/btn_06.jpg) no-repeat left top;}
	
.search2 ul li a.mthod02{
	background:url(../img/btn_07.jpg) no-repeat left top;}

.search2 ul li a.mthod03{
	background:url(../img/btn_08.jpg) no-repeat left top;}

.search2 ul li a.mthod04{
	background:url(../img/btn_09.jpg) no-repeat left top;}
	
.search2 ul li a.mthod05{
	background:url(../img/btn_10.jpg) no-repeat left top;}
	
.search2 ul li a.mthod06{
	background:url(../img/btn_11.jpg) no-repeat left top;}
	
.search2 ul li a:hover{
	background-position:top right;}	


.left_nav .search3 {
	margin: 20px 0px 20px 10px;
	padding: 0px;
	background-repeat: repeat-y;
	background-image: url(../img/bg_shop.gif);
}
.search3 ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	list-style-type: none;
}
.search3 li {
	margin: 0px;
	display: block;
	width: 75px;
	padding: 0px;
	float: left;
	height: 28px;
	line-height: 1px;
}

.search3 ul li a{
	height: 23px;
	width: 69px;
	text-indent:-10000px;
	display:block;
	line-height: 0;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	}

.search3 ul li a.mthod01{
	background:url(../img/btn_shop01.gif) no-repeat left top;}
	
.search3 ul li a.mthod02{
	background:url(../img/btn_shop02.gif) no-repeat left top;}

.search3 ul li a.mthod03{
	background:url(../img/btn_shop03.gif) no-repeat left top;}

.search3 ul li a.mthod04{
	background:url(../img/btn_shop04.gif) no-repeat left top;}
	
.search3 ul li a.mthod05{
	background:url(../img/btn_shop05.gif) no-repeat left top;}
	
.search3 ul li a.mthod06{
	background:url(../img/btn_shop06.gif) no-repeat left top;}
	
.search3 ul li a.mthod07{
	background:url(../img/btn_shop07.gif) no-repeat left top;}
	
.search3 ul li a.mthod08{
	background:url(../img/btn_shop08.gif) no-repeat left top;}

.search3 ul li a.mthod09{
	background:url(../img/btn_shop09.gif) no-repeat left top;}
	
.search3 ul li a.mthod10{
background:url(../img/btn_shop10.gif) no-repeat left top;}

.search3 ul li a.mthod11{
background:url(../img/btn_shop11.gif) no-repeat left top;}
	
.search3 ul li a:hover{
	background-position:top right;}	

.left_nav .mt0 {
	margin: 0px 0px 20px 10px;
}



ul.simulation {
	margin: 10px 0px 10px 8px;
	padding: 0px;
}

ul.simulation3 {
	margin: 10px 0px 10px 8px;
	padding: 110px 0px 0px;
	background: url(../img/left_bg01.gif) no-repeat left 4px;
}

ul.simulation2 {
	margin: 20px 0 0;
	padding: 104px 0px 10px 8px;
	background:  url(../img/left_bg01.gif) no-repeat 8px top;	 
}


.simulation a{
	height: 67px;
	width: 155px;
	text-indent:-1500px;
	display:block;
	line-height: 0;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	}
	
.simulation a.mthod01{
	background:url(../img/btn_05.jpg) no-repeat left top;}
	
.simulation	a:hover{
	background-position:top right;}	

ul.left_bnrs {
	margin: 7px 0px 7px 10px;
	padding: 0px;
}

.left_bnrs li {
	margin: 0px;
	display: block;
	height: 78px;
	width: 154px;
	padding: 0px;
}

.left_bnrs li.last {
	margin: 0px;
	display: block;
	height: 64px;
	width: 154px;
	padding: 0px;
}

.left_bnrs li.color {
	margin: 0px;
	display: block;
	height: 69px;
	width: 154px;
	padding: 0px;
}


.left_bnrs a{
	height: 64px;
	width: 154px;
	text-indent:-1500px;
	display:block;
	line-height: 0;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	}
	
.left_bnrs .color a{
	height: 55px;
	width: 154px;
	text-indent:-1500px;
	display:block;
	line-height: 0;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	}


.left_bnrs a.mthod01{
	background:url(../img/btn_12.jpg) no-repeat left top;}
	
.left_bnrs a.mthod02{
	background:url(../img/btn_13.jpg) no-repeat left top;}
	
.left_bnrs a.mthod03{
	background:url(../img/btn_14.jpg) no-repeat left top;}
	
.left_bnrs a.mthod04{
	background:url(../img/btn_15.jpg) no-repeat left top;}
	
.left_bnrs a:hover{
	background-position:top right;}	




.bnr {
	margin: 10px 0px 13px 8px;
	padding: 0px;
}

.bnr2 {
	margin: 7px 0px 7px 10px;
	padding: 0px;
}

.container {
	margin: 0px;
	padding: 0px;
	width: 800px;
}

/* フロート解除用 */
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
zoom:1;
}


.footer {
	margin: 0px;
	padding: 0px 5px;
	clear: both;
	text-align: center;
	background-image: url(../img/bg_fot.gif);
	background-repeat: repeat-y;
}
.footer ul {
	list-style-type: none;
	margin: 0px;
	padding: 10px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #054361;
}
.footer li {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 13px;
	display: inline;
}
.footer li.last {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}
.footer p {
	padding: 1px 0px 5px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
	background-color: #ECE9D8;
	font-size: 10px;
	text-align: center;
}

.left_nav .rank {
	background-image: url(../../img/bg_rank.jpg);
	background-repeat: no-repeat;
	margin: 15px 0px 10px 10px;
	padding: 0px;
}

.left_nav .rank2 {
	margin: 15px 0px 10px 12px;
	padding: 0px;
}


.left_nav .btm {
	margin: 0px;
	padding: 0px;
	clear: both;
	text-align: left;
	width: 156px;
}

.left_nav h3.submenu {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.left_nav h3.submenu2 {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.left_nav h3.submenu3 {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 10px;
}

.left_nav ul.submenu {
	margin: 0px;
	padding: 5px 0px 0px 15px;
	list-style-type: none;
	text-align: left;
}
.left_nav li.submenu {
	background-image: url(../../img/ico_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px 0px 5px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 20px;
}
.search3 h2 {
	padding-bottom: 8px;
}
.search3 li.last {
	height: 25px;
}

.left_nav .search4 {
	margin: 0px 0px 15px 10px;
	padding: 0px;
	background-image: url(../img/bg_nav03.jpg);
	background-repeat: no-repeat;
}.search4 ul {
	margin: 0px;
	padding: 2px 0px 0px;
}
.search4 li {
	background: #FFFFFF url(../img/bg_pricelist.jpg) no-repeat;
	margin: 5px 20px 7px 7px;
	padding: 4px 0px 4px 35px;
	border-top: 1px dashed #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}

.search4 li.last{
	margin: 5px 20px 2px 7px;
	padding: 3px 0px 3px 35px;
}

.search4 li a:link {
	color: #167CE2;
	text-decoration: none;
	}
	
.search4 li a:visited {
	text-decoration: none;
	}
	
.search4 li a:hover {
	color: #479AED;
	text-decoration: underline;
	}
	
.space {
	padding-left: 15px;
}