@charset "utf-8";
/* --------------------------------------------------
	2007/10/05 Version 2.1
	tamplate
 --------------------------------------------------- */

/***************************
  base 
***************************/
/* other */
*{ margin:0;padding:0;}
img{border:none;vertical-align:top;}
.clear{clear:both;}
p {margin:0;padding:0;}
/* b,strong { color:#f00;} */
ul {margin:0;padding:0;}
li {margin:0;padding:0;list-style:none;}
dl {margin:0;padding:0;}
dt {margin:0;padding:0;}
dd {margin:0;padding:0;}

blockquote {
	margin:10px;
	padding:10px;
	text-align:left;
	background:#f4f4f4;
	}

/* link */
a {color:#777;text-decoration:none;}
a:hover {text-decoration:underline; }

table { font-size:12px; }
/* body */
	
body {
	margin:0;
	padding:0;
	text-align:center;
	font:85%/1.5em  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background:#e2e2e2 ;
	line-height:160%;
	color:#222;
	}
	
/* safari only \*/
html:\66irst-child body,
html:\66irst-child table{
	font-size:10px;
}
/* end */


/***************************
  font-color
***************************/
.font-color-gray   {color:#888;}
.font-color-orange {color:#f93;}
.font-color-red    {color:#c00;}
.font-color-red2   {color:#600;}
.font-color-white  {color:#fff;}
.font-color-blue   {color:#000066;}
.font-color-green  {color:#006600}
.font-color-pink   {color:#e93069;}
.font-color-purple {color:#a644ff;}
.font-color-cyan   {color:#3aa;}

.font-nomal   {font-size:12px;font-weight:normal;}
.font-size-small   {font-size:10px;}

/* CSSロールオーバー(アルファ使用)
==========================================================*/
a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}

/* ボックスの最後にclearをセット
==========================================================*/
.clearfix:after,
div.main:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix,
div.main { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix,
* html div.main { height: 1% }
.clearfix,
div.main  {display:block;}
/* end MacIE5 */

/***************************
  h
***************************/
h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0;
	font-size:12px;
	font-weight:normal;
	}
	
h2 {
	}

h3 {
	border-left:10px solid #333333;
	padding-left:10px;
	background:#eee;
	}

h3 a {
	color:#222;
	}

	
	
/***************************
  all 
***************************/
/* main-layout*/
div#container {
	background:url(image/main/main-background.jpg) left repeat-y #ffffff;
	text-align:center;
	margin: 0 20px;
	padding-left:6px;
	}

div#wrapper{
	text-align:left;
	background:url(image/main/main-background-right.jpg) right top repeat-y;
	}
	
div#content {
	margin-left:202px;
	padding-right:6px;
	text-align:left;
	background:url(image/main/header-background.jpg) left top no-repeat;
	}
	
div.main {
	padding:0 20px 30px 20px;
	}

	

/***************************
  header 
***************************/
div#header {
	height:96px;
	text-align:left;
	background:url(image/main/header-background.jpg) repeat-x left top;
	}
		
div#disc {
	width:360px;
	float:right;
	text-align:left;
	padding-top:4px;
	}
	
div#disc img{
	float:left;
	margin-right:10px;
	}
	
div#disc p{
	padding:8px 5px;
	font-size:11px;
	line-height:115%;
	color:#000;
	}

/* logo */
div#logo {
	width:202px;
	height:229px;
	background:url(image/main/logo-background.jpg) no-repeat left top;
	}
	
div#logo h1{
	width:197px;
	height:202px;
	background:url(image/main/logo.png) no-repeat;
	}

* html div#logo h1 { behavior: expression(IEPNGFIX.fix(this)); }	
	
/***************************
  footer 
***************************/
div#footer {
	margin-right:6px;
	height:50px;
	background:url(image/main/footer.jpg);
	clear:both;
	text-align:center;
	}
	
#footer p{
	padding:25px 0 0 20px;
	color:#FFFFFF;
	}
	
#footer p a{
	color:#ffffff;
	}	


/***************************
  navi 
***************************/	
div#navi {
	padding:10px;
	}
	
	
/***************************
  sidebar 
***************************/	
#sidebar {
	width:202px;
	}

#layout-left #sidebar {
	float:left;
	}
	
#layout-right #sidebar {
	float:right;
	}

/* button */
div#btn-cart {
	padding:10px;
	text-align:center;
	}
	
/* 画像リンクがある場合のアルファ設定 */
div#btn-cart a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}


/* side-parts */
div.side-form {
	margin-top:10px;
	background:url(image/main/side-body.jpg) repeat-y left top;
	text-align:left;
	}
	
div.side-titleTop {
	width:100%;
	height:51px;
	background:#fff url(image/main/side-top.jpg) no-repeat left top;
	text-align:left;
	}
	
div.side-titleTop p{
	color:#FFF;
	font-size:14px;
	line-height:51px;
	padding-left:40px;
	}
	
div.side-titleSec {
	width:100%;
	height:53px;
	background:#fff url(image/main/side-title.jpg) no-repeat left top;
	text-align:left;
	}
	
div.side-titleSec p{
	color:#FFF;
	font-size:14px;
	line-height:53px;
	padding-left:40px;
	}
	
div.side-body {
	padding:5px;
	}
	
div.side-body p{
	line-height:160%;
	}

div.side-body ul{
	padding:0 10px;
	}
	
div.side-body ul li{
	background:url(image/main/list.jpg) no-repeat left center;
	padding:5px 0 5px 25px;
	border-bottom:1px dotted #aaa;
	}
	
div.side-body ul.link {
	margin:0;
	padding:0;
	}
	
div.side-body ul.link li{
	background:none;
	border:none;
	list-style:none outside;
	text-align:center;
	margin:0;
	padding:0 0 5px 0;
	}

	
/***************************
  main
***************************/
div.entry-title {
	background:url(image/main/title-background.jpg) no-repeat left top;
	text-align:left;
	height:102px;
	position:relative;
	}
	
div.entry-title h2{
	text-align:left;
	float:left;
	color:#FFFFFF;
	font-size:14px;
	position:absolute;
	top:15px;
	left:50px;
	}
	
div.entry-title h2{
	text-align:left;
	float:left;
	color:#FFFFFF;
	font-size:14px;
	position:absolute;
	top:15px;
	left:45px;
	}
	
div.entry-title h2 a{
	color:#FFFFFF;
	}	
	
div.entry-title p{
	clear:both;  
	text-align:left;
	color:#FFFFFF;
	font-size:14px;
	position:absolute;
	top:45px;
	left:25px;
	}	
	
div.entry-body{
	padding:10px 10px 30px 10px;
	}
	
div.entry-body p{
	padding:5px 0 20px 0;
	}
	
div.entry-body ul,
div.entry-body li,
div.entry-more ul,
div.entry-more li{
	padding:0 0 10px 0;
	margin:0;
	}
	
div.entry-more{
	padding-top:10px;
	text-align:right;
	}
	
div.entry-more-view{
	padding-top:10px;
	}
	
div.entry-info {
	margin-top:10px;
	padding-left:10px;
	border-top:dotted 1px #999999;
	height:100%;
	}

div.entry-info ul {
	padding:0;
	margin:0;
	}
	
div.entry-info li{
	padding-left:10px;
	margin:0;
	list-style:none;
	float:left;
	}
	
	
/***************************
 seacrh
***************************/
div#search {
	padding:10px 20px;
	text-align:left;
	}

/***************************
 trackbacks
***************************/
.trackbacks {
	margin:40px 0 0 0;
	padding:10px;
	background-color:#eee;
	}
	
.trackbacks-body{
	margin:10px 20px 0 20px;
	padding:10px;
	border-bottom:1px dotted #CCCCCC;
	}
	
.trackbacks-body ul {
	margin:0;
	padding:0 0 0 20px;
	}
	
.trackbacks-body li{
	margin:0;
	padding:0;
	}
	
	
/***************************
 comments
***************************/
.comments {
	margin:40px 0 0 0;
	}
	
	
.comments h4{
	padding:3px 10px;
	background-color:#eee;
	}
	
.comments-body{
	margin:10px 20px 0 20px;
	padding:10px;
	border-bottom:1px dotted #CCCCCC;
	}
	
.comments-view{
	margin:10px 20px 0 20px;
	padding:10px;
	background-color:#eee;
	}
	
.comments ul {
	margin:0;
	padding:0 0 0 20px;
	}
	
.comments li{
	margin:0;
	padding:0;
	}

.comment-form {
	margin:40px 0 0 0;
	}
	
.comment-form h5{
	padding:3px 10px;
	background-color:#eee;
	}

#comments-open-text {
	margin-top:20px;
	}
	
.comments-open-content {
	margin-top:10px;
	}
		
	
/***************************
  option 
***************************/
.img-left{
	float:left;
	}
	
.img-right {
	float:right;
	}
	
.floatRight {
	float:right;
	}
	
.floatLeft {
	float:left;
	}


	
/***************************
  table
***************************/
table.tbl-nomal {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	border:1px solid #ccc;
	border-left:4px solid #ccc;
	margin:0 10px;
	}
	
table.tbl-nomal th{
	padding:5px;
	text-align:left;
	line-height:120%;
	letter-spacing:1px;
	border:1px solid #ccc;
	font-weight:normal;
	background:#f4f4f4;
	}
	
	
table.tbl-nomal td{
	padding:5px;
	text-align:left;
	line-height:120%;
	letter-spacing:1px;
	border:1px dotted #ccc;
	}
	
table.tbl-results{
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	border:1px solid #ccc;
	margin:10px 10px;
	}

table.tbl-results th,
table.tbl-results td{
	padding:5px;
	text-align:left;
	line-height:120%;
	letter-spacing:1px;
	}
	
table.tbl-results th{
	background:#f4f4f4;
	border-bottom:1px solid #ccc;
	}
	
table.tbl-results img{
	padding:1px;
	margin:10px;
	border:1px solid #ccc;
	}
	
.border-w {
	padding:10px 5px;
	border:1px solid #fff;
	text-align:center;
	}
	
/**************************
 form
**************************/
div.form-btn {
	text-align:center;
	padding:10px;
	}
	
button.form-btn {
	border:none;
	background-color:#FFFFFF;
	cursor:hand;
	float:left;
	}
	
input.input-txt {
	border:1px solid #ccc;
	margin-right:5px;
	height:20px;
	width:200px;
	float:left;
	}
	
input.input-txt2 {
	border:1px solid #ccc;
	padding:5px;
	width:100%;
	}
	
textarea.input-txtarea {
	border:1px solid #ccc;
	padding:5px;
	width:100%;
	height:150px;
	}


/***************************
 sitemap
***************************/
.sitemap {
	margin:20px;
	}

.sitemap ul {line-height: 1.6em;}

.sitemap ul li {
	list-style:none;
	background-image: url(image/sitemap/arrow.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	padding: 0px 0px 5px 17px;
	width:200px;
}
.sitemap ul li ul {
	background-image: url(image/sitemap/tree_bg.gif);
	background-repeat: repeat-y;
	background-position: 9px 0px;
}

.sitemap ul li ul li {
	margin: 0px 0px 4px 5px;
	padding: 0px 10px 0px 20px;
	background-image: url(image/sitemap/tree.gif);
	background-repeat: no-repeat;
	background-position: 4px 1px;
}
.sitemap ul li.top a {
	border:1px solid #ccc;
	display:block;
	background:#eee;
	padding:5px;
}

.sitemap ul li ul li.up  {background-image: url(image/sitemap/tree_up.gif);}
.sitemap ul li ul li.end {background-image: url(image/sitemap/tree_end.gif);}
.sitemap li ul {margin: 4px 0px 4px 0px;}
.sitemap li ul li ul {font-size: 10px;}

	
/***************************
  top
***************************/
div.con-out {
	width:49%;
	float:left;
	text-align:center;
	padding:0 0 20px 0;
	}
	
div.con-box {
	background:url(image/main/con-foot_middle.jpg) repeat-x bottom;
	margin:0 20px;
	text-align:left;
	}
	
div.con-body {
	background:#fff url(image/main/con-body_left.jpg) repeat-y left top;
	height:180px;
	}
	
div.con-body-inner {
	background:url(image/main/con-body_right.jpg) repeat-y right top;
	height:200px;
	padding:0 10px;
	}
	
div.con-title {
	background:url(image/main/con-title_middle.jpg)  repeat-x;
	height:51px;
	}
	
div.con-title-inner {
	background:url(image/main/con-title_left.jpg) no-repeat left top;
	height:51px;
	}
	
div.con-box h3 {
	margin:0;
	padding:0 0 0 40px;
	background:url(image/main/con-title_right.jpg) no-repeat  right top;
	height:51px;
	line-height:51px;
	border:none;
	color:#fff;
	}
	
div.con-body ul{
	}
	
div.con-body ul li{
	background:url(image/main/list.jpg) no-repeat left center;
	padding:5px 0 5px 25px;
	border-bottom:1px dotted #aaa;
	}
	
div.con-foot {
	background:url(image/main/con-foot_left.jpg) no-repeat left top;
	height:23px;
	}
	
div.con-foot-inner {
	background:url(image/main/con-foot_right.jpg) no-repeat right top;
	height:23px;
	}
	
div.ct-btn {
	width:33%;
	background:url(image/main/btn-back_middle.jpg) repeat-x left top;
	height:65px;
	text-align:center;
	float:left;
	}
	
div.ct-btn-inner {
	background:url(image/main/btn-back_left.jpg) no-repeat left top;
	height:65px;
	}
	
div.ct-btn-inner h4{
	background:url(image/main/btn-back_right.jpg) no-repeat right top;
	height:65px;
	line-height:65px;
	}
	
div.ct-btn a{
	display:block;
	height:65px;
	color:#fff;
	}
	
div.pic{
	width:220px;
	float:left;
	height:230px;
	text-align:center;
	}
	
div.pic-inner{
	width:205px;
	margin:0 auto;
	}
	
div.pic img{
	width:200px;
	padding:2px;
	border:1px dotted #aaa;
	}