@charset "utf-8";


/*
===== ONTAINER ==========================================
*/

#container {
	width:700px;
	margin:2px auto;
}


/*
===== HEADER ==========================================
*/
#header{
	position:relative;
	}
#header h1.mainTitle{
	font-size:95%;
	font-weight:normal;
	line-height:1.9;
	}
#header h1.mainTitle a:link,#header h1.mainTitle a:visited {
	color: #006600;
	text-decoration:none;
	}
#header h1.mainTitle a:hover,#header h1.mainTitle a:active {
	color: #000;
	text-decoration:underline;
	}
#header p.mainlogo{
}
#header .nav{
	height:66px;
}
#header .topheader{
	position:absolute;
	top:43px;
	right:0;
}

* html #header .topheader{
	top:20px;
}
* html #header .topheader img{
	position:relative;
}
html[lang^="ja"] #header .topheader {
  margin-top: 0;
}

#mainbody {
	background:url(../img/main_body_bg.gif) repeat-y;
	width:690px;
	text-align:center;
	}
.mainbodybottom {
	background: url(../img/main_body_bottom_bg.gif) no-repeat;
	margin:0 0 5px 0;
	overflow:hidden;
	}	
/*
===== topbodyflash ==========================================
*/
div.topbody p{
	margin:0 auto;
	text-align:center;
	border-bottom:1px solid #999;
	}	

	
/*
===== topinfo ==========================================
*/
div.topinfo {
	margin:5px 0 0 1px;
	width:314px;
	float:left;
	}	
div.topinfobody {
	margin:2px 0 10px 1px;
	width:314px;
	overflow:auto;
	height:120px;
	float:left;
	clear:both;
	}	
div.topinfobody p.date {
	border-left:5px solid #00CC00;
	padding:0 0 0 5px;
	margin:5px 0 0 5px;
	font-weight:bold;
		}		
div.topinfobody p.infot {
	border-left:5px solid  #006633;
	padding-left:5px;
	margin:0 0 2px 5px;
		}				
/*
===== topwork ==========================================
*/	
div.topwork {
	margin:5px 0;
	margin-left:323px;
	}	
* html div.topwork {
	margin:5px 0;
	margin-left:320px;
	}		
div.topwork ul.topcate {
	background:url(../img/work_titletop_bg.gif) repeat-y;
	height:120px;
	}	
div.topwork ul.topcate li{
	background: url(../img/share/red_allow_icon.gif) no-repeat 10px 50%;
	padding-left:20px;
	margin:5px 0 5px 5px;
	font-size:117%;
	float:left;
	font-weight:bold;
	width:155px;
	color:#CC0000;
	}				
	
/*
===== パンくず ==========================================
*/
.pankuzu {
	font-size:95%;
	padding:3px 0 5px 10px;
	}		

#maincol {
	margin-left:225px;
	width:450px;
	}	
#maincol .conT {
	width:400px;
	border:none;
	}
#maincol .conT th{
	padding:8px;
	background:#FFF;
	color:#333333;
	font-size:14px;
	text-align:left;
	border-left:5px solid #093;
	}		
#maincol .conT td{
	padding:2px;
	background:#FFF;
	text-align:left;
	border:none;
	font-size:12px;
	}		
#maincol .conT label{
	padding:0;
	margin:0;
	}	



#maincolout {
	float:right;
	width:520px;
	}	
#sidecol {
	width:220px;
	float:left;
	}	
	
.sidecon {
	margin-left:10px;
	margin-bottom:10px;
	}
.sideconbody {
	width:209px;
	height:auto;
	padding-left:5px;
	margin:0;
	background:url(../img/share/sideconbody_bg.gif) repeat-y 0 0;
	}	
.sideconbody p{
	width:190px;
	padding-left:5px;
	padding-top:3px;
	margin:0 10px 3px 3px;
	color:#FFFFFF;
	line-height:1.5;
	}		

.cap {
	padding:3px;
	text-align:center;
	margin-top:10px;
	font-size:117%;
	font-weight:bold;
	}	
/*
===== 商品案内 ==========================================
*/		
.sideconbody ul.works{
	width:190px;
	padding-left:5px;
	padding-top:3px;
	margin:0 10px 3px 3px;
	color:#FFFFFF;
	line-height:1.5;
	}	
.sideconbody ul.works li{
	background:url(../img/share/maincon_icon.gif) no-repeat 0 50%;
	padding:5px 5px 5px 18px;
	line-height:1.8;
	font-weight:bold;
	border-bottom:1px solid #006600;
	}	
.sideconbody ul.works li a{
	color: #003300;
	text-decoration:underline;
	}		
.sideconbody ul.works li a:hover{
	color: #FFF;
	text-decoration:none;
	}			

.sideoption ul.worksop{
	width:190px;
	padding-left:5px;
	padding-top:3px;
	margin:0 10px 3px 3px;
	color:#FFFFFF;
	line-height:1.3;
	}	
.sideoption ul.worksop li{
	background: url(../img/share/black_allow_icon.gif) no-repeat 0 50%;
	padding:2px 2px 2px 5px;
	line-height:1.8;
	font-weight:bold;
	}	
.sideoption ul.worksop li a{
	color: #003300;
	text-decoration:underline;
	}		
.sideoption ul.worksop li a:hover{
	color: #000;
	text-decoration:none;
	}				
	
.itemdetailtext {
	font-size:117%;
	padding:3px;
	margin-bottom:2px;
	background:#F4FFEB;
	border-bottom:1px solid #006600;border-left:5px solid #006600;
	}	
.itemdetailtext strong{
	color:#006600;
	}		
/* ---------------------------------------------------------------- *
	サムネイルリスト商品詳細
 * ---------------------------------------------------------------- */
ul#thumbslistitem {
  margin:5px 0 20px 0 ;
  padding: 0;
}

ul#thumbslistitem li {
  background: #FFF;
  float:left;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0;
  width: 224px;
  height: 200px;
  border: 1px solid #999;
}

/* ---------------------------------------------------------------- *
	サムネイル画像
 * ---------------------------------------------------------------- */
div.thumbslistitem {
  background: transparent;
  margin:7px auto;
  padding:0;
  text-align:center;
}

/* ---------------------------------------------------------------- *
	説明キャプション
 * ---------------------------------------------------------------- */

ul#thumbslistitem li p {
  margin:5px auto;
  line-height: 1.5;
  padding-left:18px;
  font-size:90%;
  background:url(../img/share/red_allow_icon.gif) no-repeat 10px 50%;
}		
	
/* ---------------------------------------------------------------- *
	サムネイルリスト
 * ---------------------------------------------------------------- */
ul#thumbslist {
  margin:5px 0 20px 0 ;
  padding: 0;
}

ul#thumbslist li {
  background: #EEE;
  float:left;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0;
  width: 224px;
  height: 200px;
  border: 1px solid #999;
}

/* ---------------------------------------------------------------- *
	サムネイル画像
 * ---------------------------------------------------------------- */
div.thumbnail {
  background: transparent;
  margin:7px auto;
  padding:0;
  text-align:center;
}

/* ---------------------------------------------------------------- *
	説明キャプション
 * ---------------------------------------------------------------- */

ul#thumbslist li p {
  margin:5px auto;
  line-height: 1.5;
  padding-left:20px;
  font-size:117%;
  background:url(../img/share/red_allow_icon.gif) no-repeat 10px 50%;
}		

* html .sideconbody p{
	width:190px;
	padding-left:5px;
	margin:3px 10px 3px 3px;
	color:#FFFFFF;
	line-height:1.5;
	}		
.sideconbottom {
	width:209px;
	height:15px;
	background:url(../img/share/sideconbottom_bg.gif) no-repeat 0 0;
	}	
ul.sidetext {
	overflow:hidden;
	margin:0;
	padding:0;
	}	
ul.sidetext li.gaiyo a{
	display:block;
	width:199px;
	height:46px;
	text-indent:-9999px;
	background:url(../img/gaiyou00.gif);
	}	
ul.sidetext li.gaiyonow {
	background:url(../img/gaiyou01.gif);display:block;
	width:199px;
	height:46px;
	text-indent:-9999px;
	}		
ul.sidetext li.gaiyo a:hover{
	background:url(../img/gaiyou01.gif);
	}		
ul.sidetext li.history a{
	display:block;
	width:199px;
	height:46px;
	text-indent:-9999px;
	background:url(../img/history00.gif);
	}	
ul.sidetext li.historynow {display:block;
	width:199px;
	height:46px;
	text-indent:-9999px;
	background:url(../img/history01.gif);
	}		
ul.sidetext li.history a:hover{
	background:url(../img/history01.gif);
	}			
						
/*
===== コンテンツ ==========================================
*/	
#header div.nav{
	width:700px;
	height:67px;
	float:left;
}
.itemdetail {
	background:#EEE;
	width:450px;
	padding:4px;
	}

.maincontent {
	width:480px;
	float:right;
	}
.maincol01 {
	margin:5px auto;
	text-align:center;
	}

.maincol02 {
	background:url(../img/maincol02_bf.gif) repeat-y 0 0;	
	margin-bottom:30px;
	}	
#maincol h2 {
	background: url(../img/works_title_bgh2.gif) repeat-y;
	padding:3px 3px 3px 10px;
	}	
	
.workstopca {
	background:url(../img/works_title_bg.gif) repeat-y ;
	font-weight:bold;
	padding:3px 3px 3px 8px;
	margin:0 0 10px 0;
	}	
/*
===== グーグルマップテキスト ==========================================
*/		
.maincol01 .gmaptext {
	border-left:5px solid #006600;
	padding:3px;
	margin-left:16px;	
	margin-top:10px;
	font-size:117%;
	font-weight:bold;
	}	
/*
===== 画像センター ==========================================
*/		
.maincol01 .imgso {
	margin:0 auto;
	text-align:center;
	}		
	
* html 	.maincol02 {
	background:url(../img/maincol02_bf.gif) repeat-y 3px 0;	
	margin-bottom:30px;
	}
.maincol02te {
	padding:5px 5px 0 15px;
	font-size:95%;
	line-height:1.8;
	}
/*
===== プライバシーポリシー ==========================================
*/	
#maincol h3 {
	border:3px solid #006633;
	background: url(../img/share/black_allow_icon.gif) no-repeat 10px 50%;
	background-color:#F2FEE8;
	padding:3px 3px 3px 15px;
	margin-right:10px;
	width:auto;
	text-align:left;
	}
#maincol .privacytext {
	padding:3px;
	line-height:1.7;
	margin-bottom:20px;
	margin-right:8px;
	}	
.sideoutline p{
		margin:2px auto;
		text-align:center;
		width:209px;
		}
div.outlineta {
	clear:both;
	width:100%;
	text-align:center;
	margin:0 auto;
	
	}	
/*
===== table ==========================================
*/	
#maincol table.gaiyo {
	border: 2px solid #aaa;
	width:440px;
	text-align:left;
	background-color: #eee;
	border-collapse:collapse;
	margin:5px auto 20px auto;
}

#maincol th {
	font-size:114%;
	color: #fff;
	padding:5px;
	text-align:center;
	background-color: #999;
}

#maincol td {
	padding:15px;
	border: 1px solid #ddd;
	background-color: #fff;
}
#maincol td.ta02 {
	padding:15px;
	background:url(../img/share/table_bg_gray.gif) repeat-x;
	border: 1px solid #ddd;
	background-color: #fff;
	text-align:right;
}
#maincol td.ta01 {
	padding:15px;
	background:url(../img/share/table_bg_green.gif) repeat-y;
	border: 1px solid #ddd;
	background-color: #fff;
	text-align:right;
}
#maincol caption{
	text-align:left;
	font-size:112%;
	padding:5px;
	margin:10px 0 0 12px;
	border-left:5px solid #006633;
	font-weight:bold;
		}
* html #maincol caption{
	text-align:left;
	font-size:112%;
	padding:5px;
	border-left:5px solid #006633;
	font-weight:bold;
		}
/*
===== outline table ==========================================
*/	
.setubilist {
	background:url(../img/share/maincon_icon.gif) no-repeat 30px 50%;
	padding-left:10px;
	}

div.outlineta table.outline {
	border: 2px solid #aaa;
	width:650px;
	text-align:left;
	background-color: #eee;
	border-collapse:collapse;
	margin:5px auto 5px auto;
}

div.outlineta table.outline th {
	font-size:114%;
	color: #fff;
	padding:5px;
	text-align:center;
	background-color: #999;
}

div.outlineta table.outline td {
	padding:6px;
	font-size:90%;
	border: 1px solid #ddd;
	background-color: #fff;
}

div.outlineta table.outline caption{
	text-align:left;
	font-size:112%;
	padding:5px;
	margin:0 0 0 12px;
	border-left:5px solid #006633;
	font-weight:bold;
		}
* html div.outlineta table.outline caption{
	text-align:left;
	font-size:112%;
	padding:5px;
	border-left:5px solid #006633;
	font-weight:bold;
		}

/* ---------------------------------------------------------------- *
	ページナビゲーション
 * ---------------------------------------------------------------- */	
.pagination{
padding: 2px;
margin:5px auto;
text-align:center;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "right" to right align pagination interface*/
font-size: 100%;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 3px 6px;
border: 1px solid  #003300;
text-decoration: none; 
color: #003300;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #003300;
color: #000;
background-color: #EEE;
}

.pagination a.currentpage{
background-color: #003300;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}	

table.contact {
	border: 2px solid #aaa;
	width:450px;
	font-size:100%;
	text-align:left;
	background-color: #eee;
	border-collapse:collapse;
	margin:5px auto 5px auto;
}

table.contact td {
	padding:6px;
	border: 1px solid #ddd;
	background-color: #fff;
}
table.contact td.ta02 {
	padding:6px;
	border: 1px solid #ddd;
	background-color: #fff;
	text-align:right;
}
table.contact td.ta01 {
	padding:6px;
	width:120px;
	font-size:90%;
	font-weight:bold;
	border: 1px solid #ddd;
	background-color: #EEE;
	text-align:right;
}


/*
===== FOOTER ==========================================
*/
#footer{
	width:700px;
	height:86px;
	font-size:95%;
	color:#333333;
	margin:0 auto;
	background:url(../img/footer_bg.gif) no-repeat;
}

ul.footerlink {
	letter-spacing:0.1em;
	padding-top:20px;
	padding-left:25px;
	margin:0 auto;
	}
* html ul.footerlink {
	padding-left:0px;
	}	
ul.footerlink li {
	background: url(../img/footer_icon.gif) no-repeat 0 50%;
	padding-left:10px;
	margin:0 2px 0 8px;
	float:left;
	font-weight:bold;
	}	
ul.footerlink li a:link,ul.footerlink li a:visited {
	color: #333;
	text-decoration:underline;
	}
ul.footerlink li a:hover,ul.footerlink li a:active {
	color: #666;
	text-decoration:none;
	}