@charset "UTF-8";



/*body
---------------------------------------------------------------------------------------------------------*/
body{background:#191919 url(../images/sub/bg.gif) repeat-x left top;}


/*container
---------------------------------------------------------------------------------------------------------*/
div#container{background:url(../images/container_bg.gif) no-repeat center 160px;}


/*header
---------------------------------------------------------------------------------------------------------*/
div#header{
	position:relative;
	width:950px;
	height:100px;
	margin:0px auto 0px auto;
}
div#header .logo{
	position:absolute;
	top:26px;
	left:0px;
	z-index:1;
}
div#header form{
	position:absolute;
	top:40px;
	left:0px;
	width:950px;
	text-align:right;
	z-index:0;
}
div#header form input{
	width:280px;
	padding:2px 4px 2px 4px;
	border:1px solid #191919;
	background:#4d4d4d;
	color:#cccccc;
}


/*globalNavi
---------------------------------------------------------------------------------------------------------*/
ul#globalNavi{
	position:relative;
	width:950px;
	height:60px;
	margin:0px auto 0px auto;
}
ul#globalNavi li.home{
	position:absolute;
	top:10px;
	left:0px;
	list-style-type:none;
}
ul#globalNavi li.about{
	position:absolute;
	top:10px;
	left:66px;
	list-style-type:none;
}
ul#globalNavi li.products{
	position:absolute;
	top:10px;
	left:189px;
	list-style-type:none;
}
ul#globalNavi li.blog{
	position:absolute;
	top:10px;
	left:276px;
	list-style-type:none;
}
ul#globalNavi li.news{
	position:absolute;
	top:10px;
	left:366px;
	list-style-type:none;
}
ul#globalNavi li.shoplist{
	position:absolute;
	top:10px;
	left:478px;
	list-style-type:none;
}
ul#globalNavi li.webstore{
	position:absolute;
	top:10px;
	left:770px;
	list-style-type:none;
}


/*wrapper
---------------------------------------------------------------------------------------------------------*/
div#wrapper{
	width:950px;
	margin:0px auto 0px auto;
	background:url(../images/sub/wrapper_bg.gif) repeat-y left top;
	zoom:1;
}
div#wrapper:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/*leftColumn====================*/
div#leftColumn{
	float:left;
	width:210px;
	padding:40px 0px 0px 20px;
}
div#leftColumn h3{padding-top:50px;}
div#leftColumn ul{padding-top:10px;}
div#leftColumn ul li{
	list-style:none;
	background:url(../images/sub/leftColumn_li.gif) no-repeat left center;
	padding:4px 0px 4px 12px;
	border-bottom:1px dotted #333333;
}
div#leftColumn ul li a{
	padding:2px 4px 2px 4px;
	color:#ffffff;
	text-decoration:none;
}
div#leftColumn ul li a:hover{
	color:#000000;
	text-decoration:none;
	background-color:#cccc66;
}



/*rightColumn====================*/
div#rightColumn{
	float:right;
	width:640px;
	padding:40px 30px 0px 0px;
}
div#rightColumn div.list{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #333333;
	zoom:1;
}
div#rightColumn div.list:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
div#rightColumn div.list p.image{float:left;}
div#rightColumn div.list p.image img{
	border:1px solid #333333;
}
div#rightColumn div.list div{
	float:right;
	width:520px;
}
div#rightColumn div.list div h3 img{
	padding-right:10px;
	vertical-align:middle;
}
div#rightColumn div.list div h4 img{
	padding-right:10px;
	vertical-align:middle;
}
div#rightColumn div.list p.postDate{color:#999999;}

div#rightColumn div.single{
	width:502px;
	margin:0 auto;
	}

div#rightColumn div.single div.postTitle{
	margin-bottom:20px;
	padding-bottom:10px;
	background:url(../images/line.gif) repeat-x left bottom;
	}
div#rightColumn div.single div.postTitle ul{margin-top:10px;}
div#rightColumn div.single div.postTitle ul li{
	display:inline;
	list-style-type:none;
}
div#rightColumn div.single div.postTitle ul li.category,
div#rightColumn div.single div.postTitle ul li.commentNum,
div#rightColumn div.single div.postTitle ul li.edit{
	margin-left:15px;
	padding-left:15px;
	border-left:1px solid #858585;
}
div#rightColumn div.single img{border:1px solid #CCCCCC;}






div#rightColumn div.single div#commentArea{
	border-top:1px solid #333333;
	margin-top:30px;
	padding-top:30px;
}

div#rightColumn div.single div#commentArea ul{
	margin-top:15px;
	list-style:none;
}
div#rightColumn div.single div#commentArea ul li{
	padding:30px 0;
	background:url(../images/line.gif) repeat-x left bottom;
}
div#rightColumn div.single div#commentArea h2 img{
	border:none;
}
div#rightColumn div.single div#commentArea form p label{
	float:left;
	width:70px;
}
div#rightColumn div.single div#commentArea form p input.text{
	float:right;
	width:390px;
	border:0px solid;
	margin-top:5px;
	padding:5px;
	background-color:#333333;
	color:#FFFFFF;
}
div#rightColumn div.single div#commentArea form p textarea{
	float:right;
	width:390px;
	border:0px solid;
	margin-top:5px;
	padding:5px;
	background-color:#333333;
	color:#FFFFFF;
}






div#rightColumn div.single div.pageNavi{padding-top:50px;}
div#rightColumn div.single div.pageNavi p.pre{
	float:left;
	padding-right:30px;
}
div#rightColumn div.single div.pageNavi p.pre a:link,div#rightColumn div.single div.pageNavi p.pre a:visited{
	display:block;
	width:75px;
	height:17px;
	background:url(../images/sub/single_pre.gif) no-repeat left top;
	text-indent:-5000px;
}
div#rightColumn div.single div.pageNavi p.pre a:hover{
	display:block;
	width:75px;
	height:17px;
	background:url(../images/sub/single_pre_over.gif) no-repeat left top;
	text-indent:-5000px;
}
div#rightColumn div.single div.pageNavi p.next{float:left;}
div#rightColumn div.single div.pageNavi p.next a:link,div#rightColumn div.single div.pageNavi p.next a:visited{
	display:block;
	width:75px;
	height:17px;
	background:url(../images/sub/single_next.gif) no-repeat left top;
	text-indent:-5000px;
}
div#rightColumn div.single div.pageNavi p.next a:hover{
	display:block;
	width:75px;
	height:17px;
	background:url(../images/sub/single_next_over.gif) no-repeat left top;
	text-indent:-5000px;
}
div#rightColumn div.single p{line-height:200%;}
div#rightColumn form input.text{
	width:480px;
	padding:6px 5px 6px 5px;
	border:0px;
	background:#ffffff;
	color:#333333;
}
div#rightColumn form textarea{
	width:480px;
	padding:6px 5px 6px 5px;
	border:0px;
	background:#ffffff;
	color:#333333;
}


/*pageTop
---------------------------------------------------------------------------------------------------------*/
div#pageTop{
	width:920px;
	margin:0px auto 0px auto;
	padding:80px 30px 30px 0px;
	text-align:right;
	background:url(../images/sub/pageTop_bg.gif) repeat-y left top;
}


/*footer
---------------------------------------------------------------------------------------------------------*/
div#footer{background:#191919 url(../images/footer_bg.png) repeat-x left top;}
div#footer div.innerBox{
	width:950px;
	margin:0px auto 0px auto;
	padding:40px 0px 50px 0px;
	zoom:1;
}
div#footer div.innerBox:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/*--------Copyright--------*/
#footer #copyrightBox{
	float:left;
	width:350px;
}
#footer #copyrightBox p.logo{
	float:left;
	margin-right:10px;
	}
#footer #copyrightBox ul li{
	display:inline;
	list-style-type:none;
}
#footer #copyrightBox ul li.contact{
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #333333;
}
p#copyright{
	margin-top:8px;
}
p#caoshCredit{
	margin-top:4px;
}

/*--------業者向けお問合せ--------*/
div#footer #contactUs{
	float:left;
	width:300px;
}
div#footer #contactUs div.clearFix{padding-top:5px;}
div#footer #contactUs .icon{
	float:left;
	padding:5px 5px 0px 0px;
}
div#footer #contactUs p{padding:5px 20px 0 0;}

/*--------メルマガ--------*/
div#footer #mailmagazine{
	float:left;
	width:280px;
}
div#footer #mailmagazine div.clearFix{padding-top:5px;}
div#footer #mailmagazine .icon{
	float:left;
	padding:5px 15px 0px 10px;
}
div#footer #mailmagazine p{margin:5px 0 0 0;}