@charset "utf-8";
/* CSS Document */

body,div,ul,li,h1,h2,p
{
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,ul,li,p,address {
	font-style: normal;
	font-weight: normal;
}

img {
	border: 0;
	vertical-align: bottom;
}
a:link {
	color: #000000;
}

a {
	text-decoration: none;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #b6b5b5;
}
a:active {
	color: #000000;
}


.clear {
	clear:both;
}

.floatR {
	float:right;
}
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif;
	font-size: 75%;
	color:#000000;
	margin: 0 auto;
}


/* Wrapper
-------------------------------------------------*/
#wrapper {
	background:url(../img/bg.gif) repeat-y center;
	margin: 0 auto;
	width:862px;
	height:auto;
}


/* Header
-------------------------------------------------*/
#header {
	padding: 1em 0 0 0;
}
#header .colL{
	float:left;
}
#header .colL h1 img {
	margin-left:20px;
}
helpdesk {
}


#header .colR{
	float:right;
	font-size:90%;
}

#header ul.sitemap {
	width:350px;
}
#header ul.sitemap li {
	padding-left: 18px;
	padding-right:5px;
	list-style: none;
	float:left;
	background-image: url(../img/bt01.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#header #Navigation{
	clear:both;
	width:843px;
	height:27px;
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 8px;
	background-image: url(../img/top_navi_bg.gif);
	background-repeat: no-repeat;
	padding-top: 10px;

}

#header #Navigation ul{
	list-style: none;
}

#Navigation ul li span {
	display:none;
}
#Navigation ul li,
#Navigation ul li a {
	float:left;
	text-align: left;
	padding:0;
	margin:0;
}

#Navigation ul li.navi01 a:link,
#Navigation ul li.navi01 a:visited{
	background: url(../img/navi01.gif) no-repeat;
	height: 27px;
	width: 146px;
}
#Navigation ul li.navi01_h a:link,
#Navigation ul li.navi01_h a:visited{
	background: url(../img/navi01_over.gif) no-repeat;
	height: 27px;
	width: 146px;
}
#Navigation ul li.navi01 a:hover {
	background: url(../img/navi01_over.gif) no-repeat;
}

#Navigation ul li.navi02 a:link,
#Navigation ul li.navi02 a:visited{
	background: url(../img/navi02.gif) no-repeat;
	height: 27px;
	width: 146px;
}
#Navigation ul li.navi02_h a:link,
#Navigation ul li.navi02_h a:visited{
	background: url(../img/navi02_over.gif) no-repeat;
	height: 27px;
	width: 146px;
}
#Navigation ul li.navi02 a:hover {
	background: url(../img/navi02_over.gif) no-repeat;
}

#Navigation ul li.navi03_h a:link,
#Navigation ul li.navi03_h a:visited{
	background: url(../img/navi03_over.gif) no-repeat;
	height: 27px;
	width: 144px;
}
#Navigation ul li.navi03 a:link,
#Navigation ul li.navi03 a:visited{
	background: url(../img/navi03.gif) no-repeat;
	height: 27px;
	width: 144px;
}
#Navigation ul li.navi03 a:hover {
	background: url(../img/navi03_over.gif) no-repeat;
}

#Navigation ul li.navi04 a:link,
#Navigation ul li.navi04 a:visited{
	background: url(../img/navi04.gif) no-repeat;
	height: 27px;
	width: 113px;
}
#Navigation ul li.navi04_h a:link,
#Navigation ul li.navi04_h a:visited{
	background: url(../img/navi04_over.gif) no-repeat;
	height: 27px;
	width: 113px;
}
#Navigation ul li.navi04 a:hover {
	background: url(../img/navi04_over.gif) no-repeat;
}

#Navigation  ul li.navi05 a:link,
#Navigation  ul li.navi05 a:visited{
	background: url(../img/navi05.gif) no-repeat;
	height: 27px;
	width: 144px;
}
#Navigation  ul li.navi05_h  a:link,
#Navigation  ul li.navi05_h  a:visited{
	background: url(../img/navi05_over.gif) no-repeat;
	height: 27px;
	width: 144px;
}
#Navigation  ul li.navi05 a:hover {
	background: url(../img/navi05_over.gif) no-repeat;
}

#Navigation  ul li.navi06 a:link,
#Navigation  ul li.navi06 a:visited{
	background: url(../img/navi06.gif) no-repeat;
	height: 27px;
	width: 150px;
}
#Navigation  ul li.navi06_h  a:link,
#Navigation  ul li.navi06_h  a:visited{
	background: url(../img/navi06_over.gif) no-repeat;
	height: 27px;
	width: 150px;
}
#Navigation  ul li.navi06 a:hover {
	background: url(../img/navi06_over.gif) no-repeat;
}

#maincenter{
	clear:both;
	padding-left:15px;
}
#maincenter ul{
	list-style: none;
}
#maincenter ul li,
#maincenter ul li a {
	float:left;
	width:279px;
	height:56px;
	list-style: none;
	background:url(../img/main_center_bg.gif) repeat-x;
}
#maincenter ul li span {
	display:none;
}
#maincenter ul li.ban01 a:link,
#maincenter ul li.ban01 a:visited{
background:url(../img/main_center01.gif) no-repeat;
}
#maincenter ul li.ban01 a:hover{
background:url(../img/main_center01_over.gif) no-repeat;
}

#maincenter ul li.ban02 a:link,
#maincenter ul li.ban02 a:visited{
background:url(../img/main_center02.gif) no-repeat;
}
#maincenter ul li.ban02 a:hover{
background:url(../img/main_center02_over.gif) no-repeat;
}

#maincenter ul li.ban03 a:link,
#maincenter ul li.ban03 a:visited{
background:url(../img/main_center03.gif) no-repeat;
}
#maincenter ul li.ban03 a:hover{
background:url(../img/main_center03_over.gif) no-repeat;
}
#ContentArea{
	margin:8px 15px 10px 15px;
}
#ContentArea #sideboxA{
	width:248px;
	padding-right:10px;
	float:left;
}
#ContentArea #sideboxA .box01{
	width:246px;
	margin-bottom:15px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-style: none;
	border-top-color: #D4D0C8;
	border-right-color: #D4D0C8;
	border-bottom-color: #D4D0C8;
	border-left-color: #D4D0C8;
} 


#ContentArea #sideboxA .box02{
	width:246px;
	margin-bottom:15px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #D4D0C8;
	border-right-color: #D4D0C8;
	border-bottom-color: #D4D0C8;
	border-left-color: #D4D0C8;
	border-top-style: none;
}

#ContentArea #sideboxA .youtube{
	width:246px;
	margin-bottom:13px;
}

#ContentArea #sideboxA #youtube .videos li{
	float:left;
}

#ContentArea #sideboxA #youtube .videos .titlec{
	font-size:8px;
}

#ContentArea #sideboxA ul{
	list-style:none;
}
#ContentArea #sideboxA ul li{
	line-height:150%;
	padding:5px 8px 5px 8px;
}
#ContentArea #sideboxA ul li.movie{
	padding:7px 5px 7px 8px;
}
#ContentArea #sideboxB{
	width:340px;
	padding-right:10px;
	float:left;
}
#ContentArea #sideboxB .photo{
	float:left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 3px;
}
#ContentArea #sideboxB p{
	padding:10px;
	text-align: left;
	color: #1e221e;
	line-height: 1.7em;
}
#ContentArea #sideboxB .box{
	padding:10px;
	width:315px;
	border:1px dotted #D4D0C8;
}
#wrapper #ContentArea #sideboxB #Sub_product {
	font-size: 120%;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #D4D0C8;
	border-right-color: #D4D0C8;
	border-bottom-color: #D4D0C8;
	border-left-color: #D4D0C8;
	list-style-type: circle;
}

.tilteblue{
	font-weight:bold;
	color:#194ea2;
	
}
.dotline{
	border-top:1px dotted #bfbfbf;
	
}
#ContentArea #sideboxC{
	width:223px;
	float:left;
}
#ContentArea #sideboxC .box01{
	width:221px;
	margin-bottom:15px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #D4D0C8;
	border-right-color: #D4D0C8;
	border-bottom-color: #D4D0C8;
	border-left-color: #D4D0C8;
} 

#ContentArea #sideboxC .box02{
	width:221px;
	margin-bottom:15px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #D4D0C8;
	border-right-color: #D4D0C8;
	border-bottom-color: #D4D0C8;
	border-left-color: #D4D0C8;
} 

#ContentArea #sideboxC .helpdesk{
	width:223px;
	height:103px;
	margin-bottom:15px;
	background:url(../img/help_desk.gif) no-repeat;
} 


#ContentArea #sideboxC ul{
	padding:8px 8px 0 8px;
} 
#ContentArea #sideboxC ul li{
	padding-bottom:8px;
	list-style: none;
} 
#Footer{
	clear:both;
	font-size:90%;
} 
#Footer .fmenu{
	height:35px;
	text-align:center;
	background-color:#f3f3f3;
	margin:0 10px;
	padding:15px;
} 
#Footer .fmenu ul{
	list-style-type:none;

} 
#Footer .fmenu ul li{
	float:left;

} 
#Footer .list01{
	padding-left:10px;
	padding-right:10px;
}

#Footer .list02{
	background:url(../img/bt02.gif) no-repeat;
	padding-left:11px;
	padding-right:10px;
}
#Footer .list03{
	list-style-type:none;
	padding-left:15px;
	padding-right:15px;
} 
#Footer .list04{
	padding-left:200px;
	padding-right:10px;
} 
#Footer .bottom{
	background:url(../img/img_bottom.gif) no-repeat;
	height:60px;
	padding-top:10px;
}
#Footer .img{
	float:left;
	padding-right:15px;
	padding-left:120px;
	
}
#Footer p{
	padding-top:2px;
	line-height:150%;

}
/* sub
-------------------------------------------------*/
#SubContentArea{
	clear:both;
	padding:8px 15px 10px 15px;
}
#SubContentArea #Submenu{
	width:200px;
	padding-right:20px;
	padding-bottom:10px;
	float:left;
}
#SubContentArea #Submenu ul {
	list-style-type:none;
}

#SubContentArea #Submenu ul li{
 	height:26px;
	border-bottom:1px dotted #3fa3a3;
	text-align:center;
	padding-top:12px;
	font-size:120%;
}
#SubContentArea #Submenu ul li.hover{
	background-color:#fceced;;
}


#SubContentArea #Submain{
	width:611px;
	float:left;
}
#SubContentArea #Submain .tb{
	border:0;
	background-color:#CCCCCC;
}

#SubContentArea #Submain .cell{
	padding-left:0px;
	color:#FFFFFF;
	font-weight:normal;
	font-size:110%;
	padding-top:4px;
	background-color:#f4f2f2;
	background-image: none;
	background-repeat: no-repeat;
}
#SubContentArea #Submain .cell2{
	height:20px;
	padding-left:0px;
	font-size:110%;
	padding-top:2px;
	background-color:#FFFFFF;
}

#SubContentArea #Submain .cell3{
	padding:5px;
}
#SubContentArea #Submain .cell5{
	padding:12px;
}
#SubContentArea #Submain .cell4{
	padding:27px;
}
#SubContentArea #Submain p{
	font-size:120%;
	line-height:180%;
}
#SubContentArea #Submain .helpdesk_box{
	width:558px;
	height:60px;
	margin-left:10px;
	background-color:#ececec;
	padding:20px;
	font-size:120%;
	line-height:150%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#SubContentArea #Submain .product{
	float:left;
	width:290px;
	padding-right:12px;
	padding-bottom:17px;
}

#SubContentArea #Submain .product-new{
	float:left;
	width:290px;
	padding-right:12px;
	padding-bottom:75px;
}
#SubContentArea #Submain .product_bar{
	background:url(../img/ico_midori.gif) no-repeat;
	height:20px;
	padding-left:15px;
	padding-top:3px;
	margin-bottom:5px;
	font-size:120%;
	font-weight:bold;
}
#SubContentArea #Submain .product_pic{
	float:left;
	padding:0 5px 5px 0;
}
#SubContentArea #Submain .product_ex{
	float:left;
	width:172px;
	padding-top:5px;
}
#SubContentArea #Submain .product_detail{
	padding-right:12px;
	padding-bottom:17px;
}
#SubContentArea #Submain .product_detail_txt{
	line-height:180%;
}


/* --------------------------- 2009.12.24 みどりさんの一言　------------------------------ */
#recommend{width:600px; background:url('../product/img/recommend_bg.gif') repeat-y;}
#recommend .recommed_top{background:url('../product/img/recommend_top.gif') no-repeat;padding:5px;}
#recommend .recommend_title{padding:0 20px;}
#recommend .recommend_text{padding:10 20 10 30px;}
#recommend .recommend_midori{padding:10 180 10 30px;background:url('../product/img/recommend_btm.gif') bottom right no-repeat;}