﻿* {margin:0px; padding:0px;}
body {
margin: 0px auto; 
padding: 0px auto; 
background:#fafafa;
text-align:center;
font-size:80%;}

a			{line-height:18px;}
a:link 		{ color: #6600CC;line-height:18px;  } 
a:visited 	{ color: #660099;line-height:18px; } 
a:hover		{ color: #66CCFF;line-height:18px; } 
a:active 	{ color: #6600CC;line-height:18px; } 

tbody ,tr{border:none;}
table ,th , td { border:#CCCCCC 1px solid; padding:3px; 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;}

em{
color: #39f;
font-style: normal;
}
strong{
color: #f60;
}
.arw{
display: block;
background: url("http://www.hori-ichokageka.com/img/arrow_box_li.gif") no-repeat 0 -4px;
padding-left: 20px;
}

span.pickup, #main p.pickup{
color: #36c;
display: block;
width: auto;
margin: 1em;
padding: 1em 1em;
font-size: 16px;
font-weight: bold;
line-height: 1.5em;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}
#main p.pickup{
margin: 1em 2em;
}
.annotate{
display: block;
text-indent: -1em;
padding-left: 1em;
}
.clear{ clear:both;}

/*---------------------------------------- Table Set ----------------------------------------*/
th{
text-align: center;
background: #efefef;
}
td.price{
text-align: right;
}


#container {
margin: 0px auto; 
background:url(http://www.hori-ichokageka.com/img/bg_container.gif) top center repeat-y;
line-height:18px;	
text-align:left;
width:820px; height:auto;
}

#content {
margin: 0px auto; 
background:#ffffff;
width:810px; height:auto;
}

#container p{ padding:5px; line-height:18px; display:block;}

/*---------------------------------------- header ----------------------------------------*/
#header{
display:block;
width:810px;
height:120px;
background:url(http://www.hori-ichokageka.com/img/header.jpg) #000066 top left no-repeat;
}
#header_menu{
display:block;
width:780px;
height:20px;
background:url(http://www.hori-ichokageka.com/img/header_menu.jpg) #000066 top left repeat-y;
text-align:right;
color:#FFFFFF; font-weight:bold;
padding-right:30px;
}
#header_menu a:link,#header_menu a:a:visited{ 
text-decoration:none;color:#FFFFFF; font-weight:bold;}
#header_menu a:hover { 
text-decoration:underline;color:#FFFFFF; font-weight:bold;}

h1{
display:block;
position:relative;
width:795px;
margin-top:0px;
padding:6px 15px 0px 0px;
text-align:right;
font-weight:bold;
}

#header a		{display:block; position:relative; width:810px; height:120px; color: #003399; text-decoration:none; padding-right:0px;}
#header a:link	{display:block; position:relative; width:810px; height:120px; color: #003399; text-decoration:none; padding-right:0px;}
#header a:hover	{display:block; position:relative; width:810px; height:120px; color: #ffffff; text-decoration: underline; padding-right:0px;}


/*****************************************  Menu *****************************************/
/*---------------------------------------- side_menu_l ----------------------------------------*/
#side_menu_l {
float:left;
width: 190px;}

#side_menu_l .title a　{display: block; width:190px; height:20px;
				 border-right :#97BBC3 1px solid;
				 background:url(http://www.hori-ichokageka.com/img/menu.jpg) bottom;
				 color: #939393; vertical-align:middle; font-size:110%;
				 text-decoration:none; position:relative;
				 padding:10px 0px 10px 10px;}
				 
#side_menu_l .title a:link	{display: block; width:190px; height:20px;  
				 border-right :#97BBC3 1px solid;
				 background:url(http://www.hori-ichokageka.com/img/menu.jpg) bottom;
				 color: #939393; vertical-align:middle; font-size:110%;
				 text-decoration:none; position:relative;
				 padding:10px 0px 10px 10px;}
				 
#side_menu_l .title a:visited	{display: block; width:190px; height:20px;
				 border-right :#97BBC3 1px solid;
				 background:url(http://www.hori-ichokageka.com/img/menu.jpg) bottom;
				 color: #939393; vertical-align:middle; font-size:110%;
				 text-decoration:none; position:relative;
				 padding:10px 0px 10px 10px;}
				 
#side_menu_l .title a:hover	{display: block; width:190px; height:20px;
				 border-right :#97BBC3 1px solid;
				 background:url(http://www.hori-ichokageka.com/img/menu_ov.jpg) bottom;
				 color: #333333; vertical-align:middle; font-size:110%;
				 text-decoration:none; position:relative;
				 padding:10px 0px 10px 10px;}
				 
.menu_text{ display: block; width:165px; position:relative; padding-left:15px; padding-top:3px;}

.box {
display:block;
position:relative;
width:180px;
border-left:#e5e5e5 1px solid;
border-right:#e5e5e5 1px solid;
}

.box ul{
display:block;
position:relative;
list-style:none;
}
/*.box li{
list-style-image:url(http://www.hori-ichokageka.com/img/arrow_box_li.gif);}*/

.box li a , .box li a:link , .box li a:visited
				{display:block; width:154px; height:auto; padding:2px 5px 2px 40px;
				 background:url(http://www.hori-ichokageka.com/img/sub_menu.jpg) top left #efefef;
				 text-decoration:none;
				 list-style:none; border-bottom:#e5e5e5 1px solid; color:#67A4B8;}
.box li a:hover 
				{display:block; width:154px; height:auto; padding:2px 5px 2px 40px;
				 background:url(http://www.hori-ichokageka.com/img/sub_menu_ov.jpg) top left #efefef;
				 text-decoration:none;
				 list-style:none; border-bottom:#cccccc 1px solid; color:#000099;}


/*----------------------------------------  main  ----------------------------------------*/
#main {
float:right;
background: #ffffff;
width: 570px;
padding:10px;}
#main p{ width:545px; height:auto; margin:0px 10px 0px 15px;}
#main li,#main ol{ width:535px; height:auto; margin:0px 10px 0px 25px;}
#main table {margin:auto 10px; width:98%;}

.caption_h2,h2{
display:block;
width:565px;
height:25px;
padding:10px 0px 5px 15px;
margin:10px 0px;
background: url(http://www.hori-ichokageka.com/img/bg_h2.jpg) top no-repeat;
font-size:130%;
font-weight:bold;
color:#666666;}

h3,h4,h5,h6,.caption{
display:block;
width:550px;
padding:5px 0px 5px 30px;
margin:10px auto;
background: url(http://www.hori-ichokageka.com/img/bg_h3.gif) no-repeat top left #79AEE7;
font-size:110%;
font-weight:bold;
color:#ffffff;
}

.campaign_cap{
display: inline;
margin:0px;
padding:0px;
background:none;
font-size:100%;
font-weight:bold;
color:#003399;}

.campaign_ex{
display: block;
margin:5px 15px;
background:none;}


.sub_caption{
display:block;
width:550px;
margin:10px 0px 10px 10px;
padding:2px 0px 2px 10px;
border-bottom: #000099 solid 1px;
border-left: #000099 solid 10px;
color: #0033CC;
font-weight:bold;}

.ex{
display:block;
width:520px;
margin:10px auto auto 20px;
color:#666666;}

.ex_list{ display:block; width:550px; margin:10px 0px; padding:0px 0px 0px 40px; color:#666666;}

.topic{
display:block;
width:520px;
margin:10px auto;
padding:20px;
color: #731E20;
border:#6600CC 1px solid;}

#main ul.group_entry{
list-style: none;
margin: 0;
padding: 0;
}
#main .group_entry li, #main p.goto{
background: url("../img/arrow_box_li.gif") no-repeat 0 -2px;
margin: 0;
padding: 0 0 0 20px;
}

/*---------------------------------------- Hyo style ----------------------------------------*/
.none ,.none table ,.none th ,.none tr ,.none td { border:none 0px; border-collapse:collapse;border-spacing:0;}
.th{background-color:#DEEDF3; color:#1C5A8E; 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; }

.red_td{background:#CC0000; color:#efefef; font-weight:bold;}
.gray_td{background: #E7E7E7; font-weight:bold;}
.yohaku4_td{ padding:4px;}
.shiro_td{ background:#ffffff; padding:5px; border:#cccccc 1px solid; text-align:left;}
.grey_border_td{
background: #ffffff;  
text-align: left;
border: #cccccc 1px solid; 
padding: 5px 5px 5px 5px; 
margin: 0px 0px 20px 0px;}

.usu_grey_td {
background-color: #ebebeb; 
text-align: left; 
border: #cccccc 1px solid; 
padding: 10px 10px 10px 10px;}

.usu_grey_s_td{
background-color: #ebebeb; 
text-align: left;
border: #cccccc 1px solid; 
padding: 3px; 
}

.pureblue_td{
background:#D8ECF5;  
border: #cccccc 1px solid; 
padding: 5px 5px 5px 5px; }

.center_td{ margin:auto; width:auto; text-align:center;}
.none ,.none table ,.none th,.none tr,.none tbody,.none td {border:none;}

/*---------------------------------------- TOP Page style ----------------------------------------*/
.top_topic{ 
width:auto; 
height:auto;
background: url(http://www.hori-ichokageka.com/img/top_topic.jpg) no-repeat top left;
padding:60px 190px 10px 10px;
}

.top_news { width:538px;
			margin-left:10px; padding:10px; 
			background:#efefef; border:#cccccc 1px solid;}
.top_news a,.top_news a:link,.top_news a:visited,.top_news a:hover{}

/*---------------------------------------- font style ----------------------------------------*/

.strike{ text-decoration:line-through;}
.b { font-weight:bold; color:#000000;}
.nowrap { white-space:nowrap;}
.b_center{ font-weight:bold; color:#000000; text-align:center;}
.text_r{ text-align:right; padding:auto 0px auto auto; position:relative; display:block;}
.text_center{text-align: center; }

.campaign			{color: #6600CC; font-weight:bold;}
.text_pureblue_big 	{color: #006699; font-weight:bold;}
.text_pureblue 		{color: #2500de;}
.text_s		{ font-size:80%; color: #687E97;}
.text_left	{ float:left; margin:auto 0px auto 10px; display:inline; position:relative;width:530px;}
.text_50	{ float:left; margin:auto 0px auto 10px; display:inline; position:relative;width:250px;}
.text_70	{ float:left; margin:auto 0px auto 20px; display:inline; position:relative;width:380px;}


/*---------------------------------------- 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;}
.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;}
.yohaku_top5{ position:relative; margin-top:5px;}
.yohaku_10{position:relative; margin:10px;}
.img_bottom{ vertical-align:bottom;}
/*---------------------------------------- DIV ----------------------------------------*/

.2hyo_top_left	{vertical-align:top; display:block; float:left;}
.2hyo_top_right	{vertical-align:top; display:block; float:right;}

/*---------------------------------------- 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; margin:10px 0px 10px 10px ; padding:0px; }
.top a{ border:#cccccc 1px solid; padding:5px; font-size:80%; text-decoration:none;}
.top a:link,.top a:visited { border:#cccccc 1px solid; padding:5px; font-size:80%; text-decoration:none;}
.top a:hover{ background:#efefef; border:#6600CC 1px solid; padding:5px; font-size:80%; text-decoration:none;}

/*---------------------------------------- footer ----------------------------------------*/

#footer {
width:810px; height:30px;
background: url(http://www.hori-ichokageka.com/img/footer.gif) repeat-x bottom;
padding:0px auto 0px auto;
margin::0px auto 0px auto;
border-top:#cccccc 1px solid; 
border-bottom:#cccccc 1px solid; 
display:block;
clear:both}

.footer_text {
text-align:center;
line-height:12px; 
padding:2px 0px 0px 0px;
color:#7e848f;
font-size:10px;}

.footer_text a ,.footer_text a:link ,.footer_text a:visited ,.footer_text a:hover,.footer_text a:active{line-height:12px; color:#999999;}


/****************************** Template FAQ ******************************/

#faq ul{
width: 540px;
padding: 0px;
margin: 0px;
display: block;
clear:both; 
float:left; }

.di_q {
background:url(http://www.hori-ichokageka.com/img/faq.gif) top left no-repeat;
margin:5px 0px 5px 10px;
padding:10px 0px 10px 35px;
color:#D58A00;
height: 30px;
font-size: 12px ;
font-weight: bold;
line-height:15px;
}

.di_a {
display:block;
padding-left:10px;
margin-top:15px;
color: #666666;
}	

#div1 {
position:absolute; 
top:0px; 
left:-150px; 
width:540px; 
height:103px;
padding:10px; 
background-color: #7DF5FF;
visibility: hidden;
}

.faq_box {
display:block;
width:auto;
height:auto;
margin:0px 0px 0px 20px;
padding:5px;
border: #6868FD 1px solid;}
.faq_box ul{
display:block;
position:relative;
margin:5px 0px 5px 15px;}
.faq_box li{
list-style-image:url(http://www.hori-ichokageka.com/img/arrow_box_li.gif);}
