
* {margin:0px; padding:0px;}
body {
margin: 0px auto; 
padding: 0px auto; 
background:url(http://www.yakusugi-m.com/template/img/bg.gif) top center repeat #fafafa;
background-color:#DDDDDD;
text-align:center;
font-size:12px;
color:#555555;}

a			{line-height:18px; text-decoration:none;}
a:link 		{ color: #6666FF;line-height:18px; } 
a:visited 	{ color: #6666FF;line-height:18px; } 
a:hover		{ color: #9999FF;line-height:18px; } 
a:active 	{ color: #6666FF;line-height:18px; } 

tbody ,tr{border:none;}
table { border:#CCCCCC 1px solid; padding:3px 3px 3px 3px; margin:0px 0px 0px 10px;border-collapse:collapse;border-spacing:0;}
th , td { border:#CCCCCC 1px solid; padding:5px; border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0; }
h1,h2,h3,h4,h5,h6,address,caption,cite,code,dfn,var { font-style:normal;font-weight:normal; font-size: medium;}
hr{border:#CCCCCC 1px dotted;}

.clear{ clear:both;}



/*---------------------------------------- Table Set ----------------------------------------*/
#container {
line-height:18px;	
margin-right:auto;
margin-left:auto;
text-align:left;
width:900px;
height: auto;
border-left:#6699FF solid 2px;
border-right:#6699FF solid 2px;
background: #ffffff;
}

.nb {
border-style:none;
margin:auto auto auto 0px;
padding:0px 10px 0px 0px;
}

.tnb{
border-style:none;
vertical-align:top;
}


/*---------------------------------------- header ----------------------------------------*/
/*#header{
display:block;
width:900px;
height:150px;
background:url(http://www.yakusugi-m.com/template/img/header.jpg) top left no-repeat;
}
#header a		{display:block; position:relative; width:900px; height:120px; color:#ffffff; text-decoration:none;}
#header a:link	{display:block; position:relative; width:900px; height:120px; color:#ffffff; text-decoration:none;}
#header a:hover	{display:block; position:relative; width:900px; height:120px; color:#9999CC; text-decoration:none;}
*/

h1{
display:block; width:auto; width:890px; height:20px; 
background-color:#6699FF; font-size:12px; padding:3px 0px 0px 10px; color:#FFFFFF;
margin-bottom:15px;border-bottom:#333333 1px solid;
}

#header_menu{
display:block; width:900px; height:90px; 
background:url(http://www.yakusugi-m.com/template/img/header.jpg) top left no-repeat;
color:#000000; text-align:right;
}

/*
#header_menu a,#header_menu a:link 	{color:#993333; text-decoration:none;}
#header_menu a:hover 				{color:#CC6633; text-decoration:none;}
*/

.header_logo {float:left; margin:20px 0px 0px 15px;}
.header_link {float:right; margin:27px 5px 0px 0px;}
.header_mail {vertical-align:middle; padding:0px 5px 2px;}

/*****************************************  Menu *****************************************/

.menu_text{
display: block; width:175px; position:relative; 
margin-left:20px; margin-top:2px; font-weight:normal; cursor: pointer; padding:7px 0px 0px 7px;
}

.menu_margin { margin-top:10px }
.menu_waku {border:#CCCCCC 1px solid;}
.menu_hr {border:#000000 1px solid; margin:3px 0px;}

.category_margin {margin-bottom:8px;}


/*--------------------- side_menu_l ----------------------------------------*/
#side_menu_l {
float:left;
width: 240px;
height: auto;
margin:0px 20px 0px 10px;
/*
background-color:#FFCCFF;
*/
}

/*
#side_menu_l a,#side_menu_l a:link,#side_menu_l a:visited{text-decoration:none;}

#side_menu_l .title a ,#side_menu_l .title a:link ,#side_menu_l .title a:visited
				{display: block; width:240px; height:31px; font-size:12px;
				 background: url(http://www.yakusugi-m.com/template/img/menu.jpg) top left no-repeat;
				 color:#333333; vertical-align:middle; margin-bottom:2px;}
				 
#side_menu_l .title a:hover	{display: block; width:240px; height:31px; font-size:12px;
				 background: url(http://www.yakusugi-m.com/template/img/menu.jpg) top left no-repeat;
				 color:#00CCFF; vertical-align:middle; margin-bottom:2px;}
*/				 
				 
/*--------------------- side_menu_product ----------------------------------------*/
.menu_text_product{
display: block; width:175px; position:relative; 
margin-left:20px; margin-top:2px; font-weight:normal; cursor: pointer; padding:4px 0px 0px 7px;
}

#side_menu_l .title_product a ,#side_menu_l .title_product a:link ,#side_menu_l .title_product a:visited
				{display: block; width:220px; height:24px; font-size:12px;
				 background: url(http://www.yakusugi-m.com/template/img/menu_product.jpg) top left no-repeat;
				 color:#333333; margin-bottom:2px;}
				 
#side_menu_l .title_product a:hover	{display: block; width:220px; height:24px; font-size:12px;
				 background: url(http://www.yakusugi-m.com/template/img/menu_product.jpg) top left no-repeat;
				 color:#00CCFF;  margin-bottom:2px;}



/*****************************************  main *****************************************/

p{ display:block; 
/*width:620px; */
height: inherit; 
}

.pankuzu{margin-bottom:15px; border-bottom:#0066FF solid 1px;}
/*.pankuzu a {color:#330000;}*/

.bottom_padding{
padding-bottom:20px;
}

/*---------------------  top_main  ----------------------------------------*/

.osusume{
background-color:#FFEDFF;
border-bottom:#CC9999 2px solid;
}

.index_h_osusume{
padding-bottom:10px;
}

.osusume_box_text{
float:left;
width:500px;
padding:0px 0px 0px 10px;
color:#996666;
}

.osusume_box{
/*border-bottom:#CCCCCC dashed 1px;*/
padding:0px 15px 15px 15px;
height:auto;
}

.index_img_thumbnail{
float:left;
padding:0px 0px 0px 0px;
}

.osusume_tytle{
font-size:120%;
font-weight:bold;
color:#990000;
}



/*---------------------  main  ----------------------------------------*/

#main {
float:left;
height: inherit;
width: 610px;
}

#main p{
padding:0px 30px 0px 20px;
margin:0px 0px 0px 0px;
}

.caption_h2,h2{
display:block;
width:590px;
height:25px;
padding:10px 0px 0px 20px;
margin-bottom:20px;
background: url(http://www.yakusugi-m.com/template/img/h2.jpg) no-repeat;
/*
border-bottom:#0033CC 1px solid;
border-left:#0033CC 15px solid;
border-left:#FFFFFF 2px double;
background-color:#99CCFF;
*/
font-size:130%;
font-weight:bold;
color: #3366FF;
}

.h2_epi{
background: url(http://www.yakusugi-m.com/template/img/h2_epi.jpg) no-repeat;
color: #33CC66;
}

h3,h4,h5,h6,.caption{
display:block;
width:610px;
padding:4px 0px 5px 25px;
margin:5px 0px;
font-size:110%;
font-weight:bold;
background: url(http://www.yakusugi-m.com/template/img/h_cap.gif) no-repeat;
color:#000000;}

.sub_caption{
display:block;
width:610px;
margin:10px 0px 10px 0px;
padding:2px 0px 2px 10px;
border-bottom: #990033 dashed 1px;
border-left: #990033 solid 10px;
color:#570000;
font-weight:bold;}


.topic{
display:block;
width:610px;
margin:10px auto;
padding:19px;
color:#3E375B;
border:#999999 1px solid;}


.product_head {height:80px;padding:0px 20px 0px 20px}

.main_end_hr{clear:both; border:#CCCCCC 1px solid;}

.border_none_top {border:none;vertical-align:top;}


/*___ TOP_PAGE _____________________*/

.top_img_main{
padding:0px 0px 10px;
background: url(http://www.yakusugi-m.com/template/img/top_main.jpg) no-repeat;
height:250px;
}

.top_img_main2{
padding-bottom:20px;
}

.top_main_text{
width:270px;
padding:55px 0px 0px 30px;
color:#666633;
line-height:20px;	
}


/*___ category_index _____________________*/

.category_index_box{
float:left;
padding:0px 5px 0px 15px;
width:280px;
}

.category_index_text{
border:#CCCCCC solid 1px;
padding:5px 10px 10px 10px;
}


/*___ category _____________________*/


.category_box{

/*border-bottom:#CCCCCC dashed 1px;*/
padding:0px 15px 15px 15px;
height:auto;
}

.category_hr{
clear:both;
padding:5px 0px 0px;
margin:0px 0px 10px;
border-bottom:#CCCCCC dashed 1px;
}

.img_thumbnail{
float:left;
padding:5px 0px 0px 0px;
/*
display:block; position:relative; margin:auto 10px auto auto;
*/
}

.category_p_id{
font-weight:bold;
/*
font-size:150%; 
color:#999999;
*/
}
.category_p_price{
color:#009933;
}

.category_box_text{
float:left;
width:500px;
padding:0px 0px 0px 10px;
}


/*___ entry _____________________*/

.entry_photo {
border:#999999 1px solid;
padding:3px;
}

.owner_textbox{
padding:45px 0px 0px 45px;
width:200px; 
color:#666600;
font-size:10px;
}
.owner_map_box{
width:560px;
padding:5px 0px 0px 20px;
}
.owner_map_text{
padding:10px;
border:#660000 1px solid;
background-color:#FFCCCC;
color:#660000;
}

/*___ episode _____________________*/

.episode_index_box{
width:555px;
height:60px;
padding:14px 0px 0px 45px;
margin:0px 0px 10px;
background: url(http://www.yakusugi-m.com/template/img/episode_index_h.gif) no-repeat;
/*
border-bottom:#00CCCC 1px dashed;
border-left:#00CCCC 20px solid;
*/
color:#3366FF;
font-size:120%;
font-weight:bold;
}


.episode_index_subtitle{
float:left; font-size:90%;font-weight:normal;
}

.episode_index_shousai{
float:right; font-size:90%; padding-right:10px;font-weight:normal;
}

.episode_index_sonota{
padding:0px 10px 20px;font-size:90%;color:#99CC99;
}

.episode_index_text{
width:500px;
padding:20px 20px 20px 20px;
background-color:#99FFCC;
border:#009999 1px solid;
color:#009999;
}

.epi_img_main{
padding: 0px 0px 20px;
}

.episode_subtitle{
padding:0px 10px 20px;
color:#006699;
font-weight:bold;
font-size:110%;
}
.episode_box{
padding:0px 10px;
color:#339999;
}
.episode_photo1{
float:right;padding:0px 0px 20px 20px;
}
.episode_photo2{
float:left;padding:0px 20px 20px 0px;
}

.photo_waku{
padding:3px;
border:#CCCCCC 1px solid;
}


/*___ order _____________________*/

.order_flow_box{
width:600;
padding:20px 20px 20px 20px; 
border:#999999 1px solid;
}

.order_cap{
padding:3px 10px;
margin-bottom:10px;
border-left:#FF9933 5px solid;
border-bottom:#FF9933 1px solid;
color:#FF9933;
font-weight:bold;
}

/*---------------------------------------- Hyo style ----------------------------------------*/
.none ,.none table ,.none th ,.none tr ,.none td { border:none 0px; border-collapse:collapse;border-spacing:0;}

.th{background-color:#999999; color:#FFFFFF; text-align:center;}
.light_blue{ background-color:#EEFBFF; color: #5B7897; text-align:center;}
.hyo_left{position:relative; vertical-align:top; float:left; margin-right:10px;}
.hyo_last{position:relative; vertical-align:top; clear:right; }

.center_td{ margin:auto; width:auto; text-align:center;}

.bg_grey {background: #E7E7E7; font-weight:bold;}
.bg_sumire {background: #CCCCFF; font-weight:bold; padding:10px; color:#663366;}
.bg_kon		{background: #504486; color:#FFFFFF; font-weight:bold;}


.padding3	{padding: 3px 3px 3px 3px;}
.padding4	{padding: 4px 4px 4px 4px;}
.padding5	{padding: 5px 5px 5px 5px;}
.padding7	{padding: 7px 7px 7px 7px;}
.padding10	{padding: 10px 10px 10px 10px;}



/*---------------------------------------- DIV ----------------------------------------*/

.table_th{
color:#330000; padding:0px 10px 5px 0px; 
border:none; width:auto; font-size:13px; font-weight:bold;
}


/*---------------------------------------- Category Link ----------------------------------------*/

.crumb_text {
padding: 0px 0px 10px 0px;
margin: 0px; 
width: 760px;
line-height:20px;
display:block}

.titles {
padding-right:5px;
padding-left: 5px; 
line-height:18px;}

.permalink{ white-space:nowrap;}


/*---------------------------------------- Page TOP ----------------------------------------*/

.top{ text-align:right; font-size:80%;}
.next_page{margin-top:10px; padding-top:10px; border-top:#CCCCCC 1px solid; text-align:center; font-size:100%;}


/*---------------------------------------- footer ----------------------------------------*/

#footer {
clear: both;
width:815px;
height:20px;
/*
background:url(http://www.yakusugi-m.com/template/img/bg_footer.jpg) top left no-repeat;
border-top:#663333 solid 3px;
*/
background-color:#0066CC;
border-bottom:#6699FF solid 2px;
display:block;
padding:5px 0px 5px 85px;}

.footer_text {
text-align:center;
font-size:100%;
color:#FFFFFF;}

#footer .siz{float:right; color:#6699FF; font-size:80%;  margin-right:10px; }
.siz a:link,.siz a:visited,.siz a:hover,.siz a:active{ color:#6699FF; text-decoration:underline;}




/*---------------------------------------- font style ----------------------------------------*/
.text_center{text-align: center; }
.text_r{ text-align:right; padding:auto 0px auto auto; position:relative; display:block;}

.b { font-weight:bold; color:#000000;}
.nowrap { white-space:nowrap;}

.text_pureblue_big 	{color: #006699; font-weight:bold;}
.text_pureblue 		{color: #2500de;}
.text_orange	{color: #ee7800;}
.text_red,.aka	{color: #CC0000;}


.text_ss{font-size:60%;}
.text_s{font-size:80%;}


/*
.category_cap_s{font-size:90%; color: #2B2613;}
.box_cap{
background-color:#FFFFFF; color:#330000; padding:0px 10px; margin:0px 10px 5px 20px;
border-bottom:#CCCCCC 1px dotted; width:auto; font-size:13px; font-weight:bold;}
*/



/*---------------------------------------- Image style ----------------------------------------*/

.plus{ position:relative;text-align:center; margin:10px auto;}
.left{  float:left; margin:0px 5px 5px 10px; display:block; position:relative;}
.no-border table, .no-border tr, .no-border td{border:none; border:0px;}
.center{display:block; position:relative; margin:auto; width:auto; text-align:center;}
.p_center{display:block; position:relative; margin:auto; width:auto;}
.30test_long{display:block; position:relative; margin: 100px 0px 0px 20px; text-align:right; }

.img_right{ display:block; position:relative; margin:auto 0px auto auto; width:100%; text-align:right;}
.img_right1{ display:block; position:relative; margin:auto auto auto 10px; float:right;}
.img_left{ display:block; position:relative; margin:auto 10px auto auto; float:left;}
.img_left1{ display:block; position:relative; margin:auto 10px auto auto;
			float:left; border:#666666 1px solid; padding:2px;
			height:inherit; width: auto;}
.entry_map{ display:block; position:relative; margin:auto 10px auto auto;
			float:left; border:#666666 1px solid; padding:2px;
			height:300px; width:300px;}			
.icon{ float:left; margin:1px;}

.yohaku_top10	{ position:relative; margin-top:10px;}
.yohaku_10		{ position:relative; margin:10px;}
.yohaku_side	{ margin-left:10px; margin-top:10px;}

.top_pic a		{ border:#cccccc 1px solid; display:block; float:left; padding:2px; margin:5px;}
.top_pic a:hover{ border:#66CCFF 1px solid; display:block; float:left; padding:2px; margin:5px;}

.img_border_white{border: #ffffff 1px solid;}



