@charset "utf-8";
@import "7-module.css";


ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
	margin:0;
	padding:0;
}
ul{
	list-style:none;
}
a{
	color:#333333;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

a.gallery:hover  img { 
	opacity: 0.6;
	filter: alpha(opacity=60); 
}

a img{
	border:0;
}
.clear{
	clear:both;
}

.blue {color:#0268b6;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.blue a{color:#0268b6;text-decoration:underline;}
.blue a:hover{color:#0268b6;text-decoration:underline;background:#EBEBEB;}
.red {color:#ff0000;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.red a{color:#cc0000;text-decoration:underline;}
.red a:hover{color:#ff6666;text-decoration:underline;}


.center { text-align:center;}





body{
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4b4b4b;
	background:#eeeeee url('images/bg3.png') repeat-y center top;
}


#body_overlide{
	margin:0px;
	padding:0px;
	background:url('images/tm2-trans.jpg') no-repeat center top;
}

#page_upper{
	width:1026px;
	margin:0px auto 0 auto;
}

#page{
	width:1026px;
	margin:0px auto 0 auto;
	background:url(images/bg2.png) repeat-y center top;
	behavior: expression(IEPNGFIX.fix(this));
}

#main_search2{
	margin-left:665px;
	margin-bottom:5px;
	color:#8f8f8f;
	font-size:12px;
	height:45px;
	background:url(images/search_bg.png) no-repeat;
}


/* HEADER */

#header{
	margin:0px;
	padding:0px;
	background:url(images/headerbg-trans.png) no-repeat top center;
	behavior: expression(IEPNGFIX.fix(this));
}

#header_left{
	float:left;
}

#header_right{
	float:right;
}


#header h1{
	color:#4b4b4b;
	font-size:30px;
	font-style:italic;
	padding-top:10px;
	padding-left:25px;
}

#header h1 a{
	display:none;
}

#header h1 span{
	display:none;
}

#header_right ul{
	padding-top:10px;
	padding-right:140px;
}

#header_right ul li{
	float:left;
	position:relative;
	top:6px;
}

#header_right ul li img{
	float:left;
}

#board #header_menu{
	position:relative:
	top:0px;left:0;
	z-index: 100;
	margin:0;padding:0;
}
*:first-child+html #board #header_menu{
	top:0;left:35px;
}

#board #header_menu ul.one{
	margin-top:20px;
	width:650px;
}
*:first-child+html #board #header_menu ul.one{
	margin-top:0px;
}

#board #header_menu ul.two{
	width:600px;
	margin-left:25px;
}


#board #header_menu ul.one li ,#board #header_menu ul.two li {
	float:left;
	width:147px;
}

#board #header_menu ul.one li{
	margin-bottom:7px;

}


/*BOARD 	*/

#board{
	width:100%;
	height:200px;
	background: url(images/board_bg.png) no-repeat center bottom;
	behavior: expression(IEPNGFIX.fix(this));
}

#board h2{
	color:#ffffff;
	font-size:23px;
	font-weight:normal;
	width:675px;
	margin-left:60px;
	padding-top:0px;
}

#board p{
	padding-top:35px;
	font-size:14px;
	color:#4b4b4b;
	margin-left:80px;
	line-height:22px;
	width:440px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#board p a{
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
	text-decoration:underline;
}

#board #space{
	width:100%;
	height:160px;
}

*:first-child+html #board #space{
	width:100%;
	height:80px;
}

/* BODY */

.tag {
   border-bottom: 1px solid #D8D8BE;
   border-left: 5px solid #53B5FE;
   font-size: 1.2em;
   font-weight: bold;
   position: relative;
   width:180px;
}

#body{
	width:100%;
}

#body_top{
	width:100%;
	float:left;
}

#body_left{
	margin-top:-60px;
	width:644px;
	float:left;
}

#body_right{
	width:380px;
	float:left;
	background:url(images/body_top_bg.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));
}

/* left contact */

#body_left_content{
	width:630px;
	
}

.narrowcolumn{
	margin-left:30px;
	margin-top:0px;
}

.post{
	width:559px;
}

.post-top{
}

.post-title{
	color:#000;
}

.post-title h4{
	font-weight:normal;
	color:#9a9a9a;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.post-title h2{
	font-size:20px;
	color:#0074be;
	margin-bottom:4px;
	font-weight:normal;
}

.post-title h2 a{
	color:#0074be;
}

.post-title h2 a:hover{
	color:#0074be;
}

.post-title h3.tags{
	font-weight:normal;
	color:#0074be;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(images/tags_bg.gif) repeat-x;
	padding-left:5px;
	padding-top:7px;
	padding-right:5px;
	padding-bottom:5px;
}

.post-title h3 a{
	color:#6b6b6b;
}

.post-title h3.tags span{
	color:#0074be;
	font-weight:bold;
}

.post-title h3.tags a{
	color:#6b6b6b;
	font-weight:normal;
}

.entry{
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:15px;
	padding-left:3px;
	padding-right:5px;
	padding-bottom:5px;
}

.entry p{
	padding:8px 0px 5px 0px;
}

.entry h3{
	font-size:1.2em;
	font-weight:bold;
	border-left:5px solid #53b5fe;
	border-bottom:1px solid #D8D8BE;
	padding:0 0 3px 10px!important;
	margin:20px 10px 10px 0px;
}

.entry div a img{
	border:0;
}

.postmetadata{
	float:left;
	margin-bottom:30px;
	padding-bottom:10px;
	color:#000000;
	background:url(images/tags_bg.gif) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.postmetadata a{
	color:#0072bc;
}

.postmetadata b{
	color:#0072bc;
}

.postmetadata .alignleft{
	padding-top:12px;
	padding-left:10px;
}

.postmetadata .alignright{
	padding-top:12px;
	padding-right:5px;
	font-weight:bold;
}

.alignright a{
	color:#000000;
	background:url(images/i_comm.gif) no-repeat left 1px;
	padding-left:15px;
	padding-right:10px;
}

a.readmore{
	color:#000000;
	background:url(images/i_read.gif) no-repeat left 1px;
}

.post-page{
	width:600px;
	margin-left:25px;
}

.post-page h2{
	font-size:20px;
	font-style:normal;
	font-weight:bold;
	color:#0072bc;
}


.post-page .entry{
	padding-top:0;
	margin-top:0px;
	color:#595959;
	padding-left:5px;
	padding-right:5px;
}
.post-page .entry h4{
	width:600px;
	color:#4b4b4b;
	height:40px;
	background:url(images/page36_h3_1.png) no-repeat left bottom;
	margin:15px 0 10px 0;
}

.post-page .entry h5{
	width:600px;
	color:#4b4b4b;
	height:40px;
	background:url(images/page3196_h5_1.png) no-repeat left bottom;
	margin:15px 0 10px 0;
}

.post-page .entry h4 div{
	font-size:16px;
	padding-left:120px;
	padding-top:10px;
	font-weight:bold;
}
.post-page .entry h4 span.titleH4{
	font-size:16px;
	padding-left:115px;
	line-height: 40px;
	font-weight:bold;
}

.post-page .entry h5 div{
	font-size:16px;
	padding-left:120px;
	padding-top:10px;
	font-weight:bold;

}



.post-page .entry .midasi{
	width:600px;
	color:#4b4b4b;
	height:40px;
	background:url(images/page36_h3_1.png) no-repeat left bottom;
	margin:15px 0;
}
.post-page .entry .midasi p{
	font-size:16px;
	padding-left:80px;
	padding-top:10px;
	font-weight:bold;
}

.post-page .entry a{
	color:#0072bc;
	font-weight:bold;
	text-decoration:underline;
}

strong{
	color:#362f2d;
}

.post-page .left{margin:8px 12px 8px 0;}
.post-page .right{margin:8px 0px 8px 12px;}

/* uncomment it if you want use STRONG tag like title h1,h2 ...

.post-page .entry strong{
	color:#0054a6;
	background:url(images/entry_strong.gif) repeat-x left bottom;
	padding:0 0 5px 0;
	margin:0;
	font-size:18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	display:block;
}*/

/* right content */

#body_right_content{
	width:316px;
	padding-left:22px;
	margin-left:20px;
}

/* Only Firefox */
@-moz-document url-prefix() {
	#side_top {
		margin-right:50px;
	}
}

/* Only Crome & Opera */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#side_top {
		margin-right:50px;
	}
}



/* ADS */

#main_ads{
	margin-left:6px;
	padding-top:6px;
}

#main_ads img{
	padding-left:16px;
	padding-right:8px;
	margin-bottom:19px;
}

/* SEARCH */

#main_search{
	margin-bottom:10px;
	color:#8f8f8f;
	font-size:12px;
	height:45px;
	background:url(images/search_bg.png) no-repeat;
	position:relative;
	top:0px;
}

#searchform_top{
	padding-left:12px;
}

#searchform_top span{
	font-weight:normal;
	font-style:italic;
}

#searchform_top_text{
	width:190px;
	border:0px;
	background:none;
	color:#8f8f8f;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#gosearch{
	position:relative;
	top:7px;
}


/* TAGS */

#main_tags{
	line-height:25px;
	background:url(images/main_tags_line.gif) repeat-x left bottom;
	padding-bottom:15px;
	width:312px;
}

#main_tags h2{
	color:#4b4b4b;
	font-size:15px;
	padding-bottom:5px;
	text-transform:uppercase;
}

#main_tags a{
	color:#858585;
}

#sidebars{
	float:right;
	margin-top:10px;
}

#sidebar{
	width:154px;
	float:left;
}

#pagelist{
	width:300px;
	margin-top:20px;
	margin-left:6px;
}

#sidebar_right{
	width:154px;
	float:left;
	padding-left:8px;
}

#sidebars h2{
	font-size:16px;
	color:#4b4b4b;
	padding-left:28px;
	padding-top:12px;
	padding-bottom:15px;
	text-transform:capitalize;
	font-weight:bold;
	background:url(images/sidebars_h2_bg.png) no-repeat;
}

#pagelist h3{
	font-size:16px;
	color:#4b4b4b;
	padding-left:10px;
	padding-top:12px;
	padding-bottom:15px;
	text-transform:capitalize;
	font-weight:bold;
	background:url(images/sidebars_h3_bg.png) no-repeat;
}


#pagelist ul,
#sidebars ul{
	color:#4b4b4b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#pagelist .head{
	font-size:1.2em;
	font-weight:bold;
}


//------------------------------
#sidebar ul {
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
}
#sidebar ul li {
	padding: 2px 10px 5px 0px;
	list-style-type: none;
}

#sidebar ul li ul li{
	padding: 2px 10px 5px 18px;
	list-style-type: none;
	border-bottom: 1px dotted #669900;
	background: 5px 8px url(images/sidebar_li_cat.gif) no-repeat;
}

#sidebar_right ul li ul li{
	padding: 2px 0px 15px 18px;
	list-style-type: none;
	background: 5px 8px url(images/sidebar_li_cat.gif) no-repeat;
	font-weight:bold;
}

#sidebar_right ul li ul li ul li{
	padding: 2px 0px 5px 18px;
	list-style-type: none;
	border-bottom: 1px dotted #669900;
	background: 5px 8px url(images/sidebar_li_cat.gif) no-repeat;
	font-weight:normal;
}


//------------------------------



#sidebars a:hover{
	color:#0072bc;
}

#tag_cloud{
	color:#999999;
	padding-bottom:20px;
}

#tag_cloud a{
	color:#999999;
}

.textwidget{
	padding:5px 5px 10px 5px;
}

/* FOOTER */

#footer{
	width:100%;
	height:150px;
	clear:both;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	background:url(images/footer_bg.png) no-repeat;
}

#footer_text{
	padding-top:10px;
	font-size:11px;
}

#footer_text a{
	color:#ffffff;
	font-weight:normal;
	
}

#footer_copyrights{
	padding-top:7px;
}

#footer_copyrights a{
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
}

#footer_copyrights a span{
	color:#ffffff;
}

/*-------------------------------------------------
	2.・ｽL・ｽ・ｽ・ｽb・ｽ`・ｽR・ｽs・ｽ[
---------------------------------------------------*/
#catch{
	padding-top:40px;
	text-align:center;
}

/*-------------------------------------------------
	フッター
---------------------------------------------------*/
#page #footer ul.footNav{
	position:relative;
	top:10px;
	text-align:center;
	font-size:0.9em;
	padding-top:3px;
	display:none;
}

#page #footer ul.footNav li{
	padding:0px 3px 0 6px;
	display:inline;
	border-left:1px solid #F9EC00;
}

#page #footer ul.footNav li a,
#page #footer ul.footNav li a:visited{
	color:#F9EC00;
	text-decoration:none;
}

#page #footer ul.footNav li a:hover,
#page #footer ul.footNav li a:active{
	background:#fefefe;
	color:#0068ba;
	text-decoration:underline;
}


#page #footer ul.footNav li.firstChild{
	border-left:none;
}


/* Begin Typography & Colors */

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */




/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */


img.alignnone{
	padding: 0px;
	margin: 5px 0 5px 0;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.aligncenter{
	margin-left: auto;
	margin-right: auto;
}


img.alignright {
	margin: 5px 0 2px 7px;
	display: inline;
	}

img.alignleft {
	margin: 5px 10px 2px 0;
	display: inline;
}

img.waku {
	padding: 2px;
	border:#666 1px solid;
}


.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 98%;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 10px 10px;
	padding-left: 15px;
	padding-bottom:5px;
	background:url(images/blockquote_bg.gif) repeat-y;
	}

blockquote blockquote{
	background:url(images/blockquote_bg2.gif) repeat-y;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}
/*
hr {
	display: none;
	}
*/

div .line {
    margin: 10px 0 20px 0;
    padding: 0;
    height: 5px;
	background:url(images/hr_background.gif) repeat-x;
	width:100%;
}


a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	font-weight:bold;
	clear:both;
	
	}
/* End Various Tags & Classes*/

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */


.entry ol {
	margin: 0 10px 15px 0;
	padding:10px 15px 10px 40px;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	padding-bottom:4px;
	padding-top:3px;
	border-bottom:1px solid #eeeeee;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
ol li{
	list-style: decimal outside;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:left;
	}

select {
	width: 130px;
	}

#commentform{
	width:500px;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 350px;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	width:65px;
	height:25px;
	}
/* End Form Elements */



/* Begin Comments*/

#comments_template{
	background:url(images/comments_template.gif) repeat-x;
	padding-top:20px;
	width:560px;
	clear:both;
}

h2#comment_title{
	font-size:24px;
	color:#0072bc;
	margin-left:42px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h3#comments{
	font-size:15px;
	color:#737373;
	margin-left:42px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.alt {
	}

.commentlist {
	padding: 0px;
	text-align: justify;
	margin-left:42px;
	color:#828383;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

.commentlist li {
	margin: 15px 0 10px 0px;
	list-style: none;
	background:url(images/commentlist_bg.gif) no-repeat;
	display:block;
	}

.commentlist li li {
	margin: 0px;
	padding: 5px 10px 5px;
	border-bottom:0px;
	background:none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	line-height:16px;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	color:#6888bf;
	padding:10px 0px 10px 35px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform:capitalize;
	font-weight:bold;
	}

.commentmetadata span{
	color:#000000;
	font-weight:bold;
	}

.commentmetadata a{
	color:#000000;
	font-weight:bold;
	}

.commentmetadata_text{
	padding:0px 20px 0px 20px; 
}

.commentmetadata_end{
	text-align:right;
	color:#1c2c43;
	font-weight:bold;
	border-top:1px solid #ded7b0;
	margin:10px;
	padding-top:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.commentmetadata_end a{
	color:#1c2c43;
	}

.commentmetadata_end span{
	}

#respond_box{
	background:url(images/respond_box.gif) no-repeat;
	margin-top:25px;
	padding-bottom:60px;
	margin-left:12px;
}

h3#respond{
	font-size:21px;
	color:#000000;
	margin-bottom:30px;
	margin-left:25px;
	padding-top:20px;
	font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#commentform{
	margin-left:55px;
	color:#7c7c7c;
	width:80%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#commentform a{
	color:#7d7d7d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#commentform .comm_input_text, #commentform .comm_textarea_text{
	border:1px solid #e1e1e1;
	background:#fff url(images/comm_input_text_bg.gif) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#727a7d;
	width:150px;
	padding:5px;
}

#commentform .comm_textarea_text{
	width:80%;
	height:100px;
}

#commentform label{
	position:relative;
	top:-5px;
}
/* End Comments */

/* Archives page */
.page_archives_div{
	width:564px;
	margin-left:38px;
	margin-top:80px;
	background:url(images/post-page_h2.gif) repeat-x;
}

.ar_panel{
	margin-top:39px;
}

.ar_panel2{
	margin-top:39px;
}

.ar_panel3{
	width:100%;
	background:url(images/post-page.gif) no-repeat;
	padding-top:5px;
}

.page_archives_div h2{
	font-size:20px;
	font-style:normal;
	font-weight:normal;
	color:#0074be;
}

.ar_panel3 h2{
	font-size:20px;
	font-style:normal;
	font-weight:normal;
	color:#0074be;
}

.ar_panel3 ul{
	margin:0px;
	padding:0px;
	padding-top:0px !important;
	margin-bottom:40px;
	padding-left:10px !important;
}

.page_archives_div ul h2{
	border:0px;
}

.page_archives_div ul{
	margin:0px;
	padding:0px;
	padding-top:15px;
	margin-bottom:40px;
	padding-left:5px;
}

.page_archives_div ul li{
	margin:0px;
	padding:0px;
	list-style:none;
	background:none;
	padding-left:5px;
}

.page_archives_div ul li ul{
	margin:0px;
	padding:0px;
	padding-left:10px;
}

.page_archives_div ul li a{
	color:#7f7f7f;
	font-size:12px;
	padding-left:10px;
}

.page_archives_div ul li a:hover{
	color:#333;
}

.page_archives_div ul li{
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #e9e9e9;
}

.page_archives_div ul li ul li{
	background:none;
	border:0px;
}


/*add hirono -------------------*/
/* 
---------------------------------------------------*/

.indexcolum{	
	margin-top: 0px;
	margin-bottom: 0px;
}

.indexcolum a{	
	color:#0268b6;
}

.index_columA{
	font-weight:normal;
	text-align: left;
	float:left;
	width:290px;
}

.index_columB{
	font-weight:normal;
	text-align: left;
	float:right;
}

.index_columA img,
.index_columB img{
	margin:0px 0 5px 0px;
}

.index_columA p,
.index_columB p{
	margin:0px 0 40px 0px;
	padding:0 8px 0 0;
	line-height:1.5em;
}
.index_columA p a,
.index_columB p a{
	color:#0268b6;
}

/*新規top カテゴリ*/
h1.showcase01{
	background:url(images/showcase_01.png) no-repeat;
	width:282px;
	height:48px;
	text-indent:-9999px;
}

h1.showcase02{
	background:url(images/showcase_02.png) no-repeat;
	width:282px;
	height:48px;
	text-indent:-9999px;
}

h1.showcase03{
	background:url(images/showcase_03.png) no-repeat;
	width:282px;
	height:48px;
	text-indent:-9999px;
}

h1.showcase04{
	background:url(images/showcase_04.png) no-repeat;
	width:282px;
	height:48px;
	text-indent:-9999px;
}

h1.showcase05{
	background:url(images/showcase_05.png) no-repeat;
	width:282px;
	height:48px;
	text-indent:-9999px;
}

h1.showcase06{
	background:url(images/showcase_06.png) no-repeat;
	width:282px;
	height:48px;
	text-indent:-9999px;
}

h1.showcase07{
	background:url(images/showcase_07.png) no-repeat;
	width:282px;
	height:48px;
	text-indent:-9999px;
}


h1.showcase08{
	background:url(images/showcase_08.png) no-repeat;
	width:282px;
	height:48px;
	text-indent:-9999px;
}

h1.showcase09{
	background:url(images/showcase_09.png) no-repeat;
	width:282px;
	height:48px;
	text-indent:-9999px;
}

h1.showcase10{
	background:url(images/showcase_10.png) no-repeat;
	width:282px;
	height:48px;
	text-indent:-9999px;
}

h1.showcase11{
	background:url(images/showcase_11.png) no-repeat;
	width:282px;
	height:48px;
	text-indent:-9999px;
}

.textGroup {
    margin: 5px 0px 35px 0;
}
	

.ranking .textGroup .rankingText{
	margin:0!important;
}

.rankingText a:hover{
	background: #ebebeb;
}
/* ・ｽy・ｽg・ｽb・ｽv・ｽzShowcase・ｽp
---------------------------------------------------*/
#ranking{
	margin:0px 10px 5px 0px;
	line-height:140%;
	width:290px;
}


	

dl#ranking{
    margin:0px 10px 5px 0px;
    line-height:140%;
    width: 290px;
}

dl#ranking dt{
    clear:both;
    float: left;
    width: 110px;
    margin-bottom:10px;
}

dl#ranking dt img{
	vertical-align:top;
}

dl#ranking dd{
    margin-left:115px;
    padding-left:5px;
	padding-top:3px;
    margin-bottom:10px;
}


dl#ranking dd p{
	margin:0 0 0 0!important;
}
dl#ranking dd p a:hover{
	background:#EBEBEB;
}
p.rankingText{
	font-size:1.0em!important;
	letter-spacing:0.1em;
	line-height:1.4em;
	background:url(images/dotted_grey.gif) repeat-x left bottom;
    padding:3px 0px;
}

/* トップページ　What'sNew
---------------------------------------------------*/
dl#topics{
    margin:0px 0px 20px 0;
    font-size:1.0em;
    line-height:140%;
	text-align:left;
	height: 350px;
	overflow: scroll;
	overflow-x: hidden;

}

dl#topics dt{
    clear:both;
    float: left;
    width: 9em;
    color:#000;
    padding-left:15px;
}

dl#topics dd{
    background:url(images/main_topics_icon.gif) no-repeat 0px 0.4em;
    margin-left: 9em;
    padding-left:15px;
    margin-bottom:7px;
}

/* ・ｽy・ｽg・ｽb・ｽv・ｽz・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽJ・ｽS・ｽ・ｽ・ｽ・ｽ・ｽN
---------------------------------------------------*/
#shopbascket{
	height:110px;
	background:url(images/shop_basket.png) no-repeat;
	position:relative;float:right;
	top:20px;left:20px;
}

/* ・ｽy・ｽg・ｽb・ｽv・ｽzlogo・ｽ・ｽ・ｽ・ｽ・ｽN
---------------------------------------------------*/
#logo{
	height:100px;
	position:relative;
	top:10px;left:30px;
}

/* 右メニューブログリンクバナー
---------------------------------------------------*/
#bloglink{display:none;}

#bloglink img{
	margin:20px auto 0px 16px;
	width:280px;
}

/* ・ｽp・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ
---------------------------------------------------*/
.breadcrumb{
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
	text-align:left;
}
.breadcrumb a{
	color:#0072bc;
	text-decoration:underline;
}

/* ・ｽy・ｽe・ｽJ・ｽe・ｽS・ｽ・ｽ・ｽ[・ｽg・ｽb・ｽv・ｽz
---------------------------------------------------*/
.post-page .entry .categoryMain dl{
    margin:0px 0px 0px 20px;
	float:left;
}

.post-page .entry .categoryMain dt{
	font-weight:bold;
	font-size:1.2em;
	line-height:140%;
	color:#0068ba;
	border-bottom:1px solid #0068ba;
	width:260px;
    margin:0px 0px 10px 0px;
}
.post-page .entry .categoryMain a{
	text-decoration:none;
	color:#0068ba;
}

.post-page .entry .categoryMain dd{
	font-size:1.0em;
	line-height:140%;
    margin:8px 0px 0px 0;
	width:270px;
}

/* ・ｽ`・ｽ・ｽ・ｽ[・ｽj・ｽ・ｽ・ｽO・ｽ・ｽ・ｽj・ｽ・ｽ・ｽ[
---------------------------------------------------*/
p.t1{
	margin:20px 20px 0 20px;
	padding:3px;
	font-weight:bold;
	color:#0074be;
	font-size:1.2em;
	background:#efefef;
}

.entry .tuning ul{
	margin:10px 20px 20px 50px;;
	padding:0px 30px 0 0;
}

.entry .tuning ul li{
	background:url(images/dotted_grey.gif) repeat-x left bottom;
	padding-bottom:4px;
	padding-top:3px;
	color:#595959;
}

.entry .tuning ul li:before{
	content: url(images/entry_before.gif);
	}


.entry .tuningdouble ul{
	margin:10px 20px 20px 0px;
	padding:0px 30px 0 0;
}

/* ・ｽ・ｽ・ｽﾓ擾ｿｽ・ｽ・ｽ
---------------------------------------------------*/
* html body dl.caution dd div{
   display:inline-block;
}

dl.caution {
   border:1px solid #ff0000;
   padding: 15px;
	font-weight:bold;
}

dl.caution dt {
   float:left;
   width:2em;
   padding-top:10px;
   padding-bottom:0;
   padding-right:0;
}

dl.caution dd {
   margin-left:2em;
   padding-top:10px;
   padding-bottom:10px;
   padding-right:0px;
}



/*-------------------------------------------------
   ページ内
---------------------------------------------------*/
table#PageTb{
    margin:20px 10px 20px;
    border-width:1px 0pt 0pt 1px;
    border-color:#B5B4A3; /* 枠線の色変更 */
    border-style:solid;
    border-collapse:collapse;
    empty-cells: show;
    line-height:150%;
}

table#PageTb th{
    padding:8px;
    border-width:0pt 1px 1px 0pt;
    border-color:#B5B4A3; /* 枠線の色変更 */
    border-style:solid;
    background-color:#F0F0E6; /* 左セルの背景色の変更 */
    font-weight:normal;
}

table#PageTb td{
    padding:8px;
    border-width:0pt 1px 1px 0pt;
    border-color:#B5B4A3; /* 枠線の色変更 */
    border-style:solid;
    background-color:#ffffff; /* 右セルの背景色の変更 */
    font-weight:normal;
}

.hanbaidairi{width:90%;}
.hanbaidairi td{color:#0268b6;font-weight:normal;}
.hanbaidairi a{color:#0268b6;text-decoration:underline;font-weight:normal;}
.hanbaidairi a:hover{color:#0268b6;text-decoration:underline;background:#EBEBEB;}


table#chokuhan{width:100%;}
table#chokuhan tr td{vertical-align:top;}


td.text {
     width:300px;
     margin-bottom:30px;　　
}

/* ZC31S  お奨め　スプリングレート
---------------------------------------------------*/
table#PageTb2{
    margin:10px 10px 20px 10px;
    empty-cells: show;
    line-height:150%;
}

table#PageTb2 td.left{
    padding:8px 20px;
    background-color:#ffffff; /* 右セルの背景色の変更 */
    font-weight:normal;
	vertical-align:top;
}
table#PageTb2 td.right{
    padding:8px 8px 8px 20px;
    background-color:#ffffff; /* 右セルの背景色の変更 */
    font-weight:normal;
	border-left:1px dotted #b2b2b2;
	vertical-align:top;
}


/*-------------------------------------------------
   関連記事リンク
---------------------------------------------------*/
.title{
	margin:80px 0 10px 0;
	font-weight:bold;
	font-size:1.2em;
    border-bottom:1px solid #53b5fe; /* 枠線の色変更 */
	padding-bottom:5px;
}

.link{
	margin:0px 0 4px 20px;
}
.post-page .entry .link a,
.post-page .entry .link a:visited{
	color:#53b5fe;
	text-decoration:none;

}
.post-page .entry .link a:hover{
	color:#53b5fe;
	text-decoration:underline;
}


/*-------------------------------------------------
   各ページ上部写真
---------------------------------------------------*/
.entry .naviH ul {
	list-style-type: none;
	width: 600px;
	padding: 10px 0 10px 0px;
	margin-left:0px;
}

.entry .naviH ul li{
	list-style-type: none;
	float: left;
	width: 180px;
	position: relative;
	padding: 0px 20px 0 0px;
	margin: 0;
}

.entry .naviH ul li a{
	list-style-type: none;
	float: left;
	width: 180px;
	position: relative;
	padding: 0px 0 0 0px;
	margin: 0;
	border:1px solid #666;
	padding:3px;
}

.entry .naviH ul li a:hover{
	border:1px solid #ff5000;
	padding:3px;
}


.entry .naviH2 a{
	border:1px solid #666;
	padding:3px;
}

.entry .naviH2 a:hover{
	border:1px solid #ff5000;
	padding:3px;
}


.entry .naviH3 ul {
	list-style-type: none;
	width: 600px;
	padding: 10px 0 10px 0px;
	margin-left:0px;
}

.entry .naviH3 ul li{
	list-style-type: none;
	float: left;
	width: 275px;
	position: relative;
	padding: 0px 8px 0 8px;
	margin: 0;
}

.entry .naviH3 ul li a{
	list-style-type: none;
	float: left;
	width: 275px;
	position: relative;
	padding: 0px 0 0 0px;
	margin: 0;
	border:1px solid #666;
	padding:3px;
}

.entry .naviH3 ul li a:hover{
	border:1px solid #ff5000;
	padding:3px;
}







/*-------------------------------------------------
   ポップアップ用
---------------------------------------------------*/
#one_content{
	width:630px;
	background:#fff;
}
#footerpop{
	width:100%;
	height:70px;
	clear:both;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	background:#0268B6;
}

/* 
---------------------------------------------------*/
table#PageTb3{
    margin:10px 10px 20px 10px;
    empty-cells: show;
    line-height:150%;
	border:1px solid #333333;
}

table#PageTb3 th{
    padding:8px;
    font-weight:bold;
	vertical-align:top;
	border-bottom:1px dotted #b2b2b2;
}
table#PageTb3 td{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    padding:8px;
    font-weight:normal;
	border-left:1px dotted #b2b2b2;
	border-bottom:1px dotted #b2b2b2;
	vertical-align:center;
}

/* 
---------------------------------------------------*/
table#PageTb5{
    margin:10px 10px 10px 10px;
    empty-cells: show;
    line-height:150%;
	border:1px solid #b2b2b2;
	border-bottom:none;
	border-left:none;
}

table#PageTb5 th{
    padding:8px;
    font-weight:bold;
	vertical-align:top;
	border-bottom:1px solid #b2b2b2;
	text-align:center;
}

table#PageTb5 td{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    padding:8px;
    font-weight:normal;
	border-left:1px solid #b2b2b2;
	border-bottom:1px solid #b2b2b2;
	vertical-align:middle;
	text-align:center;
}

#page_1479 ul{
	list-style-image:url(/wordpress/wp-content/themes/BlueGrey/images/list.gif);
	list-style-type: square;
	margin:10px 0 10px 15px;
	padding:0px 0 10px 0px;line-height:1.3;
}

#page_1479 ul li
	{margin:0 0 8px 0;padding:0;line-height:1.3;}








/* 販売検索
---------------------------------------------------*/
table#PageTb4{
    margin:2px 0px 0px 0px;
	padding:0;
    empty-cells: show;
    line-height:120%;
}

table#PageTb4 th{
	background:#333333;
	vertical-align:top;
}
table#PageTb4 td{
	background-color:#cfcfcf;
	vertical-align:top;
	padding:4px 10px 4px 8px;
	width: 250px;
}

select#hanbaikensaku{
	width:auto;
}

.hanbaitenWrap h3{font-weight:normal;}


.contenedor {
	width: 600px; /* Es necesario poner un ancho o alto para que IE "limpie" el elemento automaticamente */
	margin: 0 auto;
	overflow: hidden;
	margin-top: 20px
}
.contenedor p{padding:7px;line-height:130%;}

/* Limpiamos el contenedor para los navegadores que si funcionan como deben */
.contenedor:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.izquierda, .derecha {
	float: left;
	margin-right: 2px;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}
.izquierda {
	width: 220px;
	background: #cfcfcf;
	font-weight:bold;
}

.derecha {
	width: 360px;
	background: #f3f3f3;
	margin-right: 0  /* eliminamos el margin que agregamos arriba para que no descuadre */
}

#headerImg{display:none;}

table.table-01 {
    width: 100%;
    border: 1px #6b6b6b solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.table-01 th {
    padding: 5px;
    border: #6b6b6b solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table.table-01 td {
    padding: 5px;
    border: 1px #6b6b6b solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}

dl.listA  {  
	width: 500px; border:1pxsolid #ff0000; 
	line-height: 2em;  
	margin-bottom: 35px;  
}  
dl.listA dt  {  
	width: 20px;  
	padding: 3px;  
	font-weight: bold;  
}  
dl.listA dd  {  
	padding: 3px 3px 3px 30px;  
	margin-top: -2.5em;  
}  

/* ここから追加*/


	#color-menu {
		list-style: none;
		margin: 0;
		paddng: 0;
		width: 200px;
	}
	
	#color-menu li {
		list-style: none;
		margin: 0;
		padding: 0;
		border: solid 1px #eee;
	}
	
	#color-menu a {
		background: #eee;
		background: linear-gradient(#f9f9f9, #eeeeee);
		border-bottom: 1px solid #ccc;
		box-shadow: 0 1px 0 #fff inset;
		color: #333;
		display: block;
		margin: 0;
		padding: 8px 12px;
		text-decoration: none;
		font-weight: normal;
		font-family: Arial;
		font-size: 0.9em;
		text-decoration: uppercase;
	}
	
	#color-menu a{
    	background:#f9f9f9\9;
    	border-bottom: 1px solid #eeeeee\9;
    }
	
	#color-menu a:hover {
		background: linear-gradient(#757575, #4b4b4b);
		color: #fff;
		padding-bottom: 8px;
    }
    
    #color-menu a:hover{
    	background:#4d4d4d\9;
    }
    
    
    #color-menu ul ul {
    	opacity: 0;
    	padding-left: 210px;
   	    position: absolute;
    	top: -9999px;
    	padding-top: 435px;
		padding-top: 440px\9;
    	-webkit-transition: opacity .3s ease-in;
    	-moz-transition: opacity .3s ease-in;
    	-o-transition: opacity .3s ease-in;
    	-ms-transition: opacity .3s ease-in;
    }
    
    #color-menu ul li:hover ul {
    	top: 55px;
    	opacity: 1;
    }

/* BBS リニューアルサイト*/
.slider_bbs {
	list-style: none; 
	cursor: pointer;
	font-weight: bold;
	color: #0268b6;
	line-height: 1.5em;
    padding: 4px 8px;
    width: 590px;
    margin-bottom: 2px;
	border-bottom: 1px solid #ccc;
	background: #f9f9f9; /* Old browsers */
	background: linear-gradient(to bottom, #f9f9f9 0%, #eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* IE10+ */
	background: -o-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #eeeeee 100%); /* FF3.6+ */
	
}

.dropdown {
	display: none;
	position:relative;
}

.arrow {
	position: relative;
	content: "";
	top: 8px;
	left: 14px;
	width: 0;
	height: 0;
	border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #0268b6;
    border-bottom:5px solid transparent;
    cursor: pointer;
}	

/* LSD テーブル(ZC32S) */
table.capture tr td {
    right: 50px;
    padding: 10px 35px;
}

.fade {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
/* 160915追記 */
.entry th span {
font-size:80%;
}

/* 161025追記 */
.entry .noteLineAst {
	padding-left:1em;
}
	.entry .noteLineAst span.ast {
		margin-left: -1em;
		display: inline-block;
		width: 1em;
	}
.entry .noteLineNumA {
	padding-left:2em !important;
}
	.entry .noteLineNumA span.numA {
		margin-left: -2em !important;
		display:inline-block;
		width: 2em !important;
	}


ul.link_pop_ul {
	margin-top:20px;
}
	ul.link_pop_ul li {
		padding-bottom:4px;
	}
		ul.link_pop_ul li a:hover {
			opacity: 0.7;
			filter: alpha(opacity=70);
			-ms-filter: "alpha(opacity=70)";
		}
			ul.link_pop_ul li a img {
				vertical-align: bottom;
			}

dl.dl_spec {
	padding:10px 0;
}
	dl.dl_spec dt{
		font-weight:bold;
		color:#0066cc;
	}
		dl.dl_spec_list{
			padding:5px 0;
			line-height:140%;
		}
			dl.dl_spec_list dl{
				padding:0 0 5px;
				margin:0;
			}
			dl.dl_spec_list dt,
			dl.dl_spec_list dd{
				display:inline-block;
			}
				dl.dl_spec_list dd dt,
				dl.dl_spec_list dd dd{
					display:block;
					margin:0;
				}
			dl.dl_spec_list dt{
				width:11em;
				color:#595959;
				font-size:90%;
				vertical-align: top;
			}
				dl.dl_spec_list dd dt{
					width:100%;
				}
			dl.dl_spec_list dt:after{
				content:"･･･";
				font-size:90%;
			}
				dl.dl_spec_list dd span{
					font-size:90%;
				}
.col3 {
	width:100%;
	overflow:hidden;
}
	.col3 li.col3_li{
		width:31%;
		margin:0 1% 0 0;
		display: inline-block;
	}
	
.list_disk {
	list-style: inside;
}
/* 170523追記 */
.breadcrumb a.post-page{margin-left:0;}
table.materialChart{ border-collapse: collapse; border-spacing: 0; font-size: 100%; width: 100%;}
table.materialChart th,
table.materialChart td{ border: 1px solid #CCC; padding: 0.5em 0.5em;}
table.materialChart th{ background: #efefef;}

/* 171226追記 */
.box_center {
    margin: 0 auto;
}
.txt_center {
	text-align: center;
}
.txt_center img{
	display: inline;
}

img.responsive{
	height: auto;
	max-width: 100%;
}
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; height: 0; padding: 0; list-style: none !important;} 
.flex-direction-nav li{height: 0; list-style: none !important;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0; background: #fff; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 30px; right: 10px; text-align: right;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 8px; height: 8px; display: block; background: #fff; background: rgba(255,255,255,0.8); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); text-indent: 10px; overflow: hidden;}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}