/* --- common style ---------------------------------------------------- */

* {
	margin:0px;
	border:none;
	padding:0px;
	font-size:14px;
	line-height:1.8;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:lighter;
}

ul{
	list-style:none;
}

table,
table tr,
table tr th,
table tr td {
	border-collapse:collapse;
	text-align:left;
	vertical-align:top;
}

a:link {color: #FF6600; text-decoration: underline;}
a:visited {color:#FF6600; text-decoration:underline;}
a:active {color:#FF6600; text-decoration:underline;}
a:hover {color: #FF9900; text-decoration:none;}



/* --- site layout ----------------------------------------------------------- */

body {
	text-align:center;
	background-color:#fffbef;
}

div#layout {
	width:858px;
	margin:0 auto;
	background:url(../img/layout_bg.jpg) repeat-y;
	text-align:center;
}

div#layout div#header {
	position:relative;
	width:800px;
	height:134px;
	margin:0 auto;
	text-align:center;
	background:url(../img/header_02.jpg) no-repeat;
}

div#layout div#wrapper {
	overflow:hidden;
	width:800px;
	margin:0 auto;
	background:url(../img/wrapper_bg.jpg) repeat-y;
	text-align:center;
}

div#wrapper div#main {
	overflow:hidden;
	float:right;
	display:inline;
	width:590px;
	background:url(../img/main_bg.jpg) repeat-x #fffcf1;
	padding:0 10px 0 0px;
	text-align:left;
	margin:3px;
}

ul#gnavi {
	position:absolute;
	left: 0px;
	top: 100px;
	width: 800px;
	height: 34px;

}

#gnavi li {
	float:left;
}

#gnavi li a {
	text-indent:-9999px;
	display:block;
	height:34px;
}


li.type01,li.type01 a { width:164px;}
li.type02,li.type02 a { width:155px;}
li.type03,li.type03 a { width:156px;}
li.type04,li.type04 a { width:156px;}
li.type05,li.type05 a { width:163px;}

li.type01 a:hover { background:url(../img/gnavi_01.jpg) 0 0; width:164px;}
li.type02 a:hover { background:url(../img/gnavi_01.jpg) -164px 0; width:155px;}
li.type03 a:hover { background:url(../img/gnavi_01.jpg) -319px 0; width:156px;}
li.type04 a:hover { background:url(../img/gnavi_01.jpg) -475px 0; width:156px;}
li.type05 a:hover { background:url(../img/gnavi_01.jpg) -631px 0; width:163px;}



#menu {
	margin-left:10px;
}


div#wrapper div#navi {
	float:left;
	width:176px;
	padding:0;
	text-align:left;
	margin:0px;
}

div#layout div#footer {
	clear:both;
	width:800px;
	margin:10px auto 0 auto;
	text-align:center;
	font-size:10px;
}


/* --- header ---------------------------------------------------------------- */

div#header h1 {
	line-height:20px;
	text-align:left;
}

div#header h2 {
/*	position:absolute;
	left:0px;
	top:0;
	width:775px;
	height:20px;
	line-height:20px;
	text-align:left;
*/}

div#header p#h_banner {
	position:absolute;
	left:421px;
	top:36px;
	width: 185px;
	height: 41px;
}

div#header p#h_banner_02 {
	position:absolute;
	left:614px;
	top:38px;
	height: 39px;
	width: 184px;
}

div#header p#h_banner a {
	text-indent:-9999px;
	display:block;
	height:41px;
	background:no-repeat;
}

div#header p#h_banner_02 a {
	text-indent:-9999px;
	display:block;
	height:41px;
	background:no-repeat;
}

div#header #to_index {
	position:absolute;
	left:10px;
	top:22px;
	width: 291px;
	height: 72px;
}

div#header #to_index a {
	display:block;
}

div#header p#sitemap {
	position:absolute;
	left: 720px;
}


/* --- wrapper --------------------------------------------------------------- */



/* --- navi ------------------------------------------------------------------ */

div#navi div#menu {
	text-align:left;
}

div#navi div#menu ul {
	width:160px;
	margin:0;
}

div#navi div#menu ul li {
	margin:10px 0;
}

div#navi div#menu ul li a {
	display:block;
	width:140px;
	height:40px;
	line-height:20px;
	padding:0 10px 0 10px;
	font-size:12px;
}

*body div#navi div#menu ul li a { 
	padding:0 5px 0 5px;
	}
*:first-child+html div#navi div#menu ul li a { 
	padding:0 10px 0 10px;
	}


div#navi div#menu ul li a { background: url(../img/menu_01_ro.jpg) no-repeat;
color:#847560;
}

div#navi div#menu ul li a:hover { background: url(../img/menu_01.jpg) no-repeat;
color: #b9720e;
}

div#navi div#menu ul li ul {
	width:160px;
}

div#navi div#menu ul li ul li {
}

div#navi div#menu ul li ul li a {
	display:block;
	width:160px;
	height:25px;
	line-height:25px;
	text-indent:6px;
}

div#navi div#menu ul li ul li a { background:url(../img/sub_menu_01.jpg) no-repeat;
color:#847560;
}
div#navi div#menu ul li ul li a:hover { background:url(../img/sub_menu_01_ro.jpg) no-repeat;
color:#b9720e;
}

div#navi div#banner {
	margin:0 0 20px 10px;
	text-align:center;
}

div#navi div#banner img {
	margin:0 0 10px 0;
}

div#navi div#banner p#navi_banner_01 a{
	display:block;
	margin:0 0 10px 0;
	width:160px;
	height:57px;
	background: url(../img/banner_mouse.jpg) no-repeat;
	text-indent:-9999px;
}

div#navi div#banner p#navi_banner_02 a {
	display:block;
	margin:0 0 10px 0;
	width:160px;
	height:60px;
	background:url(../img/ym_banner.jpg) no-repeat;
	text-indent:-9999px;
}

div#navi div#banner p#navi_banner_03 a {
	display:block;
	margin:0 0 10px 0;
	width:160px;
	height:60px;
	background:url(../img/sate_banner.jpg) no-repeat;
	text-indent:-9999px;
}


div#rss {
	margin:0 0 20px 0;
}

div#rss p {

	display:inline;
	text-align:center;
}

div#rss p img {
	margin:0 15px;
}


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

h3#main_img img {
	margin:10px auto 10px 2px;
	border:1px solid #ff9801;
}

.title_01 {
	background:url(../img/title_01.jpg) no-repeat;
	line-height:40px;
	text-indent:10px;
	font-size:22px;
	font-weight:bold;
	color:#665744;
	clear:right;
}

div#main p {
	color:#665543;
	padding:0 10px;
	margin-bottom:20px;
}

dl.pick {
	float:left;
	position:relative;
	background:url(../img/pick_bg.jpg) no-repeat ;
	width:278px;
	height:192px;
	margin-right:15px;
	margin-bottom:20px;
}

dl.pick dt a {
	display:block;
	height:36px;
	line-height:36px;
	font-weight:bold;
	font-size:16px;
	text-indent:10px;
}

dl.pick dd img {
	float:left;
	border:1px solid #ff9801;
	margin:0 10px 10px 10px;
}

dd.pick_in {
	margin:0px 10px;
}

dd.pick_in02 {
	margin:0 10px 10px 10px;
}


dl.pick dd.kuwashiku a {
	position:absolute;
	width:126px;
	height:21px;
	text-indent:-9999px;
	display:block;
	background:url(../img/pu_a.jpg) no-repeat;
	left: 147px;
	top: 159px;
}

dl.pick02 {
	float:left;
	position:relative;
	background:url(../img/pick_bg02.jpg) no-repeat ;
	width:575px;
	height:125px;
	margin-right:15px;
}

dl.pick02 dt img {
	float:left;
	border:1px solid #81a136;
	margin:10px;
}


dl.pick dt a {
	display:block;
	height:36px;
	line-height:36px;
	font-weight:bold;
	font-size:16px;
	text-indent:10px;
}

dl.pick02 dd.kuwashiku02 a {
	position:absolute;
	display:block;
	width:121px;
	height:20px;
	background: url(../img/pu_a_02.jpg) no-repeat;
	left: 441px;
	top: 97px;
	text-indent:-9999px;
}

dd.pick_title a {
	color:#337460;
	display:block;
	height:30px;
	line-height:30px;
	font-weight:bold;
	font-size:16px;
}


/* --- footer ---------------------------------------------------------------- */

div#footer {
	width:800px;
	background:url(../img/footer_01.jpg) no-repeat;
	margin:10px auto;
	padding-top:5px;
}


div#footer ul {
	overflow:hidden;
	width:800px;
	background:url(../img/bg_footer_01.jpg) repeat-y;
	margin:5px 0;
}

div#footer ul li {
	display:inline;
}


div#footer p {
	overflow:hidden;
	width:800px;
	height:32px;
	line-height:32px;
	margin:0 auto;
	background: url(../img/copy_01.jpg) no-repeat;
	text-align:center;
}


/* --- sitemap ---------------------------------------------------------------- */

div#main dl#sitemap {
	margin:0 0 20px 20px;
}

div#main dl#sitemap dt {
	margin:0 0 10px 0;
	text-indent:30px;
	background:url(../img/one_p.jpg) no-repeat;
}

div#main dl#sitemap dd {
	margin:0 0 20px 35px;
}
/* --- 070612 matsui ---------------------------------------------------------------- */



/* --- common parts ---------------------------------------------------------- */


/* --- naka parts ---------------------------------------------------------- */

p#naka_img img {
	position:relative;
	width:578px;
	height:198px;
	margin:10px 10px 10px 0;
	border:1px solid #ff9801;
}


h3#main_title {
	width:578px;
	height:198px;
	margin:10px 16px 10px 4px;
	border:solid 1px #E7A157;
}


h3#naka_title {
	width:558px;
	height:108px;
	margin:10px 16px 10px 4px;
	background:url(../img/naka_main.jpg) no-repeat;
	text-align:right;
	padding:90px 20px 0 0;
	font-size:25px;
	border:solid 1px #E7A157;
}

.title_02 {
	background:url(../img/title_02.jpg) no-repeat;
	line-height:35px;
	text-indent:20px;
	font-size:18px;
	font-weight:bold;
	color:#837460;
	margin-bottom:10px;
	clear:right;
}

.title_03 {
	background:url(../img/h4_type03.jpg) no-repeat;
	line-height:35px;
	text-indent:20px;
	font-size:18px;
	font-weight:bold;
	color: #FF3535;
	margin-bottom:10px;
	clear:right;
}

ul.point {
	margin:10px 0 15px 0;
	clear:right;
}

ul.point li {
	background: url(../img/one_p.jpg) no-repeat;
	line-height:25px;
	text-indent:20px;
	font-size:14px;
	color:#839F35;
	margin-bottom:6px;
}

div#main p img {
	float:right;
	border:solid 1px #E7A157;
	margin:0 5px 5px 5px;
}

div#main p.bnr {
	margin:5px;
}

div#main p.bnr img {
	border:none;
}

p#main_img img {
	width:578px;
	height:198px;
	margin:10px auto;
	border:1px solid #ff9801;
	clear:both;
}

p.pagetop a {
	clear:both;
	display:block;
	float:right;
	width:150px;
	height:30px;
	padding:0px;
	text-indent:-9999px;
	background: url(../img/pagetop.jpg) no-repeat;
}


dl.faq {
	background:url(../img/qa.jpg) no-repeat;
	margin-bottom:15px;
}

dl.faq dt {
	height:50px;
	color:#509B33;
	font-weight:bold;
	font-size:14px;
	padding-left:45px;
	line-height:20px;
}

dl.faq dd {
	color: #584738;
	padding-left:50px;
}

dl.faq dt.line_3 {
	font-size:12px;
	line-height:16px;
}

table.table_deco {
	width:560px;
	border:#FA7E2C 1px dotted;
	border-collapse:collapse;
	margin:10px 0 10px 5px;
	clear:both;
}

table.table_deco tr th {
	width:160px;
	background: url(../img/th_bg.jpg) repeat-y #E5EBC6;
	border:#FA7E2C 1px dotted;
	padding:6px;
	color: #307829;
	font-weight:normal;
}

table.table_deco tr td {
	width:400px;
	background:#FFFFFF;
	border:#FA7E2C 1px dotted;
}



table.table_deco tr td {
	padding:6px;
	color:#665543;
}

input,textarea {
	border:solid 1px #666666;
}


.no_list {
	margin:10px;
}


.no_list a {
	background: #CCCCCC;
	padding:5px;
	background: #CCCCCC;
	border:1px solid #666666;
	margin:5px;
}



.no_list a:hover {
	background: #888888;
}