@charset "utf-8";
/*  
Theme Name: ogw_interval
Theme URI: http://interval.cc/
Description: my basic theme.
Version: 0.1
Author: ho
*/

/* Basic & Reset ==================== */
body{
text-align:center;
font-size:12px;
font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
color:#333;
background-color:#eee;
background-attachment: fixed;
line-height:1.7em;
letter-spacing:0.05em;
padding:10px 0 20px 0;
}
*{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
q:before,q:after{content:'';}
ol,ul {list-style-position: inside;}
strong{color: #000;font-weight:bold;}
img{vertical-align:bottom;}
a:link {color:#069;}a:visited {color:#969;}a:active {color:#f60;}a:hover {color:#c30;}
br.clear{clear:both;display: block;width:0;height:0;}

/* fonts ==================== */
.post{font-size:14px;}
.note{font-size:12px;color: #888;padding-left: 20px;}
h1,h2,h3{color:#000;font-size:100%;font-weight:normal;}
h4{color: #333;font-size:15px;padding:0 0 10px 12px;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/* header ==================== */
#header{
text-align:left;
border-top:4px solid #f93;
border-bottom: 1px solid #eee;
background-image:url(http://interval.cc/wordpress/wp-content/themes/ogw_interval/img/header_gradation.gif);
background-repeat:repeat-x;
background-color: #f5f5f5;
height:70px;width:800px;
}
p.header_navi{width: 400px;text-align: right;position:relative;top:-20px;float:right;margin:8px 10px 0 0;color:#ccc;}
p.header_navi a{margin:0 3px;}

/* footer ==================== */
#footer{clear:both;color:#fff;background-color: #999;border-top:1px solid #999;border-bottom:1px solid #999;width:800px;height:20px;}
#footer_links_box{clear:both;margin: 0 auto;width:800px;padding:20px 0 10px 0;text-align: left;}
#footer_links dt{width: 200px;margin:0 30px 5px 15px;text-align:right;float: left;}
#footer_links dd{color:#999;margin: 0 15px 5px 0;}
#footer_links a:link,#footer_links a:visited{color:#999;text-decoration: none;}
#footer_links a:hover{color:#000;text-decoration: underline;}
ul.footer_inside_up,ul.footer_inside_down{color: #ccc;clear: both;width: 570px;margin-bottom: 5px;float: right;}
ul.footer_inside_up li,ul.footer_inside_down li{display: inline;list-style: none;}
ul.footer_inside_up li a,ul.footer_inside_down li a{margin:0 5px;}
.footer_inside_up{border-top:1px dotted #ccc;padding-top: 15px;}
.footer_inside_down{padding-bottom: 15px;}

/* 段組BOX ==================== */
#all{background-color:#fff;width:800px;margin:0 auto;border:1px solid #bbb;border-top:1px solid #fff;border-bottom:1px solid #666;}
#doc{text-align:left;padding:15px 15px 0 15px;}
#primaryContent{position:relative;float:right;width:540px;margin-bottom: 15px;}
#secondaryContent{float:left;width:216px;}
#side_padding{border-right:1px solid #eee;padding-right:15px;}

/* Others ==================== */
#columnA{margin-bottom:15px;}
.link_thumbnail{vertical-align:top;float:left;margin:5px 10px 5px 0;border: 1px solid #ccc;}
#primaryContent p,#primaryContent ul{margin-bottom: 15px;}

/* Menu ==================== */
ul.menu{margin:0 0 10px 0;display: block;}
ul.menu li{list-style: none;list-style-position:outside;border-bottom:1px solid #fff;font-size: 13px;}
ul.menu li a{
display: block;
color:#333;
text-decoration: none;
padding:6px 0 6px 35px;
background-color: #eee;
background-image:url(http://interval.cc/wordpress/wp-content/themes/ogw_interval/img/3kaku.gif);
background-repeat:no-repeat;
background-position:15px center;
}
ul.menu li a:visited{color:#333;}
ul.menu li a:hover{background-color:#ddd;color:#000;}

/* headline ==================== */
h1{position:relative;top:15px;left:15px;display: inline;width: 200px;float:left;}
h1 img{margin-bottom:5px;}
img.tagline{position: relative;left: 30px;top: 30px;}
#secondaryContent h3{
color:#000;
font-size:14px;
background-image:url(http://interval.cc/wordpress/wp-content/themes/ogw_interval/img/side_h2.gif);
background-repeat:no-repeat;
padding:5px 0 0 10px;
margin:0;
height:26px;
clear: both;
}
#primaryContent h2{color:#000;height:25px;font-size:18px;margin-bottom:5px;}
#primaryContent h3{
font-size: 16px;
line-height:24px;
margin:20px 0 15px 0;
padding:5px 0 5px 8px;
border-left:3px solid #fc6;
background-color:#ddd;
background-image:url(http://interval.cc/wordpress/wp-content/themes/ogw_interval/img/background-stripe.gif);
}
#primaryContent h3 img{vertical-align:middle;margin-left:7px;}


/* thumbnail ==================== */
#yapb_box{
background-image:url(http://interval.cc/wordpress/wp-content/themes/ogw_interval/img/background-single.png);
padding:5px 0 5px 5px;
margin-top: 5px;
height: 100%;
}
#yapb_box a{
float:left;
padding:7px;
border: 1px solid #ddd;
background-color: #fff;
margin:5px;
height: 150px;
width: 150px;
text-align: center;
}
#yapb_box a:hover{
border: 1px solid #aaa;
}
#yapb_box a img{
background-color: #fff;
}


.side_banner li{list-style: none;height: 50px;width: 200px;display: inline;}
.side_banner li.img_contact a{
display:block;
position:relative;
background:url(http://interval.cc/wordpress/wp-content/themes/ogw_interval/img/banner_inquiry_on.gif) no-repeat;
}
.side_banner li.img_contact a:hover{background-color:#fff;	}
.side_banner li.img_contact a:hover img{visibility:hidden;}
.attention{
clear: both;
color:#333;
border-top:1px solid #ccc;
background-color:#ddd;
background-image:url(http://interval.cc/wordpress/wp-content/themes/ogw_interval/img/background-stripe.gif);
padding:7px 10px;
text-align: right;
}
.attention a{margin:0 5px;}
.single-navi,.related_post{font-size: 12px;padding-top: 10px;padding-bottom: 10px;}
.illust-single{
background-image:url(http://interval.cc/wordpress/wp-content/themes/ogw_interval/img/background-single.png);
text-align:center;
padding:10px 0;
margin-bottom:15px;
}
.illust-single img{border:10px solid #fff;background-color:#fff;}
.mailto{font-size:18px;font-weight:bold;}
.inquiry_image{margin-bottom: 10px;}
h2.top_text{padding-bottom:10px;}
.back-to-top{text-align: right;clear: both;margin: 0 15px 15px 0;}
.inquiry_box{
font-size: 12px;
border: 1px solid #ddd;
margin: 25px 130px;
padding:10px 15px 0 15px;
background-image:url(http://interval.cc/wordpress/wp-content/themes/ogw_interval/img/header_gradation.gif);
background-repeat:repeat-x;
background-color: #f5f5f5;
}
.inquiry_box img{margin-top:15px;}
.inquiry_box p{text-align: center;margin-right: 20px;}
.back_box{text-align: center;margin-right: 20px;padding: 15px 0;}
img.left_pict{float: left;width: 135px;height: 200px;margin-right:15px;}

/* Contact Form 7 ==================== */
.wpcf7{margin-top:15px;color:#000;border:solid 1px #b7ddf2;background-color:#ebf4fb;}
.wpcf7 textarea{width: 400px;height: 170px;margin-top: 3px;font-size: 14px;padding: 3px;}
.wpcf7 p{margin-top:15px;margin-left:20px;font-size: 14px;}
.wpcf7 input[type="submit"]{width: 160px;height: 40px;font-size: 14px;background-color: #fc6;}
.wpcf7 input[type="submit"]:hover{background-color: #f90;}
.wpcf7 input[type="text"]{width: 300px;font-size: 18px;margin-top: 3px;padding: 3px;}
.wpcf7 input[type="text"]:focus,.wpcf7 textarea:focus{background-color: #ffc;}
span.red{color:#f63;}

/* FAQ ==================== */
ul.faq{padding-bottom:15px;line-height:2em;}
ul.faq a{text-decoration: none;}
ul.faq a:hover{text-decoration: underline;}
h2.answer_title{padding-bottom: 10px;}
.answer{color: #000;font-size: 14px;}

/* Other ==================== */
table.price_list{margin:0 auto 20px auto;}
table.price_list td{border:solid 1px #b7ddf2;text-align: center;}
tr.price_title td{background-color:#ebf4fb;padding: 2px;}
tr.price td{color:#000;font-weight: bold;font-size: 16px;padding: 10px 20px;text-align: right;}
.textarea_link{font-size: 14px;padding:3px;height: 20px;}
#new_update{margin-left:20px;}
#new_update dt{font-weight: bold;font-size: 12px;}