@charset "utf-8";

/*Theme Name: 株式会社　牛斗様
Theme URI: http://infotank.jp/pst/
Description: (c) PSTcoltd Inc.
Version: 1
Author: Dave Shea
Tags: mantle color, variable width, two columns, widgets

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)

 * style.css
 * (c) PSTcoltd Inc.
 */
 
/*import*/
@import "css/base.css";
@import "css/typography.css";
@import "css/utility.css";
@import "css/pagenav.css";
@import "css/default.css";

/*Layout*/
body { text-align: center; margin: 0; }
div#wrapper { text-align: center; margin: 0; }
div#top_img,
div#top_img_box,
div#contents, 
div#foot { text-align: left; }

/*各ページ*/

.left { float:left; }
.indent { text-indent:15px; }
.right { float:right; }

/*************************************************     header    ***********************************************************/
div#header { width:100%; background-color:#000000; background: url(images/bg_line_03.gif) repeat-x left top; }
div#top_img { width:900px; height:480px; background-color:#666666; margin: 0 auto 0 auto ; }
div#top_img_box { width: 900px; height: 300px; margin: 0 auto 0 auto ; position: relative; }
h1#copologo { width: 212px; height: 201px; position: absolute; top: 0; left: 0; text-indent: -9999px; }
h1#copologo a { width: 212px; height: 201px; display: block; }
.top_01 { background: url(images/top_img01.jpg) no-repeat center top; }
.top_02 { background: url(images/top_img02.jpg) no-repeat center top; }
.top_03 { background: url(images/top_img03.jpg) no-repeat center top; }
.top_04 { background: url(images/top_img04.jpg) no-repeat center top; }
.top_05 { background: url(images/top_img05.jpg) no-repeat center top; }
.top_06 { background: url(images/top_img06.jpg) no-repeat center top; }
.top_07 { background: url(images/top_img07.jpg) no-repeat center top; }
.top_08 { background: url(images/top_img08.jpg) no-repeat center top; }
.top_09 { background: url(images/top_img09.jpg) no-repeat center top; }
.top_10 { background: url(images/top_img10.jpg) no-repeat center top; }
.top_11 { background: url(images/top_img11.jpg) no-repeat center top; }
.top_12 { background: url(images/top_img12.jpg) no-repeat center top; }
.top_13 { background: url(images/top_img13.jpg) no-repeat center top; }
.top_14 { background: url(images/top_img14.jpg) no-repeat center top; }
.top_15 { background: url(images/top_img15.jpg) no-repeat center top; }

/************************************************     main_contents    ***********************************************************/
div#main_contents { width:100%; padding-bottom:30px; background-image:url(images/page_bg.gif); background-repeat: repeat-x; }
div#contents { width:900px; background-image:url(images/page_bg.gif); background-repeat: repeat-x; margin: 0 auto 0 auto ; position:relative; }
.img { position: absolute; top: 50px; right: 0px; }
.img2 { position: absolute; top: 152px; right: 0px; }


/*************************************************     footer    ***********************************************************/
div#footer { width:100%; height:34px; background:#000000 url(images/bg_line_01.gif) repeat-x bottom center; clear: both; }
div#foot { width:900px; height:34px; font-size:11px; color:#e78800; background:#000000 url(images/bg_line_01.gif) repeat-x bottom center; margin: 0 auto 0 auto ; }
div#foot ul { margin-top:10px; list-style:none; }
div#foot li { color:#e78800; margin-right:8px; float:left; }
div#foot a { color:#e78800; }
div#foot a:hover { color:#e78800; text-decoration: underline; }
.f_r_mr30 { float:right; margin-right:30px; }

/*************************************************     top    ***********************************************************/
div#welcome_box { width:380px; height:230px; float:left; margin: 30px 5px 30px 0; }
div#topics_box { width:380px; height:230px; float:left; margin: 30px 5px 30px 0; }
div#baner_box { width: 131px; float: right; }
div#overflow {  width:380px; height:230px; overflow:auto; text-indent:30px; }
div#topics_box2 { width:606px; float:left; padding:: 30px 30px 30px 30px; }
div.tpics3_box { width:616px; padding: 0 25px 0 25px; margin-bottom:30px; }
/*************************************************     Gnav    ***********************************************************/
div#navi { width:100%; height:43px; background-image:url(images/bg_line_04.gif); background-repeat:repeat-x; }
ul#Gnav { width:896px; margin: 0 auto 0 auto ; }
ul#Gnav li { width: 128px; height: 43px; text-indent: -9999px; float: left; }
ul#Gnav2 { padding-left: 10px; float:right; }
ul#Gnav2 li { width: 128px; height: 43px; text-indent: -9999px; float: left; }
li#Gnav01 a { width: 128px; height: 43px; background: url(images/Gnav_01.gif) no-repeat left bottom; display: block; }
li#Gnav01 a:hover { background: url(images/Gnav_01.gif) no-repeat left top; }
li#Gnav02 a { width: 128px; height: 43px; background: url(images/Gnav_02.gif) no-repeat left bottom; display: block; }
li#Gnav02 a:hover { background: url(images/Gnav_02.gif) no-repeat left top; }
li#Gnav03 a { width: 128px; height: 43px; background: url(images/Gnav_03.gif) no-repeat left bottom; display: block; }
li#Gnav03 a:hover { background: url(images/Gnav_03.gif) no-repeat left top; }
li#Gnav04 a { width: 128px; height: 43px; background: url(images/Gnav_04.gif) no-repeat left bottom; display: block; }
li#Gnav04 a:hover { background: url(images/Gnav_04.gif) no-repeat left top; }
li#Gnav05 a { width: 128px; height: 43px; background: url(images/Gnav_05.gif) no-repeat left bottom; display: block; }
li#Gnav05 a:hover { background: url(images/Gnav_05.gif) no-repeat left top; }
li#Gnav06 a { width: 128px; height: 43px; background: url(images/Gnav_06.gif) no-repeat left bottom; display: block; }
li#Gnav06 a:hover { background: url(images/Gnav_06.gif) no-repeat left top; }
li#Gnav07 a { width: 128px; height: 43px; background: url(images/Gnav_07.gif) no-repeat left bottom; display: block; }
li#Gnav07 a:hover { background: url(images/Gnav_07.gif) no-repeat left top; }


/*************************************************     Gnav2    ***********************************************************/



/***********************************************   sidebar     ***************************************************************/

div#sidebar { width: 200px; float: right; background-color:#F2F2F2; margin-top:50px; }
.sidebar_box1 {  margin: 0; padding: 0; }
.sidebar_box1 li { text-align:left; text-indent:25px; line-height:300%; margin: 0; padding: 0; text-decoration:none; }

.sidebar_box1 li a { width: 200px; height: 51px; color:#e78800; background: #3F3F3F url(images/dotted.gif) repeat-x left bottom; display: block; }
.sidebar_box1 li a:hover { color:#e78800; background-color:#787878; display: block; }
.ranking { line-height:155%; font-size:12px; margin: 10px auto 20px auto ; }
.ranking th { color:#FF9500; }
div#side_topics { width:200px; background-color: #F2F2F2; }

.ranking_title { color:#BE0000; margin: 10px 0 5px 15px; font-size: 13px; }
dl.dlist {
	line-height: 1.6;
}

dl.dlist dt {
	width: 5em;
	float: left;
	padding-bottom: 1px;
	text-indent: 2em;
	color:#e78800;
	font-size: 12px;
}
dl.dlist dd {
	padding-left: 5em;
	border-bottom: 1px solid #F2F2F2;
	font-size: 12px;
}

/***********************************************   left_sidebar     ***************************************************************/

div#left_sidebar { width: 165px; float: left; background-color:#F2F2F2; margin: 0 0 40px 0; }
div#side { width:165px; margin-top:30px; float:left; }
.left_sidebar_box1 {  margin: 0; padding: 0; }
.left_sidebar_box1 li { text-indent:26px; line-height:31px; padding: 0; text-decoration:none; }

.left_sidebar_box1 li a { width: 165px; height: 31px; color:#FF4000; background: #D8D8D8 url(images/dotted.gif) repeat-x left bottom; display: block; }
.left_sidebar_box1 li a:hover { color:#FF4000; background-color:#ededed; display: block; }
.b_fff { background-color:fff; float:left; }

/**********************************************     left_contents    ***********************************************************/
div#left_contents { width:666px; margin: 50px 0 0 0 ; float:left; } 
.m_10_10_30_20 { margin: 15px 30px 20px 0 ; float:left; }
.text_box01 { width:200px; line-height:180%; margin-top:10px; float:left; }
.clear { clear:left; }

div#img_box01 { width:666px; height:135px; margin: 10px 0 80px 5px ; }
div#img_box01 li { width: 197px; height: 159px; float: left; margin: 5px 12px 5px 5px ;  }


div.today_box { width:666px; height:260px; background-image:url(images/back01.gif); margin-top:35px; clear: both; }
div.text_box02 { width:332px; margin:15px; line-height:180%; float:left; }
div.text_box02 p { line-height:180%; margin-top:10px; }
.f_coler01 { color:#FF3300; }
.poj_01 { text-align:right; clear: both }

div.img_box2 { width:226px; margin:20px; float:right; }
.img_box3{ width:213px; height:215px; margin-top:20px; float:right;}

.nemu_top { width:450px; height:30px; float:right; }
div.menu_box { width:450px; height:104px; float:right; }
.ue { width:346px; height:52px; background-color:#CCCCCC; border-bottom: dotted 1px #666; float:left; position:relative; }
.sita { width:346px; height:52px; background-color:#F4F4F4; border-bottom: dotted 1px #666; float:left; position:relative; }
.f_l { float:left; }
.posi_1 { position: absolute; bottom: 15px; left: 15px; }
.posi_2 { position: absolute; bottom: 15px; right: 20px; }
.posi_3 { position: absolute; bottom: 15px; right: 20px; }
a { text-decoration:none; }
a hover { text-decoration:none; }
/*************************************************     right_box    ***********************************************************/
div#right_box { width:490px; float:right; }
.text_box03 { width:490px; text-align:center; color:#FF9900; font-size:23px; margin: 30px auto 20px auto ; float:right; }
.text_box04 { width:490px; margin: 20px 0 0 0; float:left; }
.title_01 { text-indent:20px; color:#FF9900; font-size:20px; }
.text_box05 { width:490px; margin: 30px 0 0 0; } 
.text_box06 { width:255px; margin: 0 0 20px 10px; float:right; }
.text_box11 { width:245px; margin: 0 10px 20px 0; float:left; }

/*************************************************     attention_box   ***********************************************************/
.attention_box { width:666px; margin-bottom:30px; clear: both; }
.b_f12 { background-color:#EFEFEF; color:#FF4000; margin-top:10px; margin-bottom:10px; text-indent:15px; }
.m_10_a_20_a {margin: 10px auto 20px auto }
.text_box07 {}
.img_bg img { border-width:5px; border-color:#EAEAEA; border-style:solid; margin: 0 5px; }
.img_bg img:hover { border-width:5px; border-color:#fcae48; border-style:solid; }
div#chronology { width:285px; float:left; line-height:22px; margin: 20px 0 0 30px; padding: 0 10px 0 20px; background-image:url(images/bg_line_02.gif); background-repeat:repeat-y; }

/*************************************************     _box   ***********************************************************/
.bg01 { background-color:#e8e8e8; }
.bg02 { background-color:#cccccc; }

.bd_01 { border-width:5px; border-color:#EAEAEA; border-style:solid; }
.bd_01:hover { border-width:5px; border-color:#fcae48; border-style:solid; }
.bd_02 { border-width:5px; border-color:#EAEAEA; border-style:solid; }

.bd_01_1 { border-width:2px; border-color:#EAEAEA; border-style:solid; }
.bd_01_1:hover { border-width:2px; border-color:#fcae48; border-style:solid; }
.bd_02_1 { border-width:2px; border-color:#EAEAEA; border-style:solid; }

.text_box10 { width:200px; float:left; }
/*************************************************     map   ***********************************************************/
iframe#Gmap { clear:both; border: 1px solid #dcdcdc; }

/**************************************************    entry  ***********************************************************/
.post .entry img,
.entrymap img { border-width:5px; border-color:#EAEAEA; border-style: solid; }
.post .entry img:hover,
.entrymap img:hover { border-width:5px; border-color:#fcae48; border-style:solid; }

/*************************************************     winning  ***********************************************************/
.p_01 li { list-style-image:url(images/p_01.gif); }

/**************************************************    sitemap  ***********************************************************/
div#main { width: 600px; margin: 0 auto 0 auto; text-align: left; }
div#main div#st_box { width: 550px; padding: 0 0 0 0; margin: 0 auto 0 auto; }
.sitemap .st01 { width: 226px; display: block; padding: 0 0 0 0; margin-top:20px; }
.sitemap .starow { width: 165px; height: 24px; padding: 0 0 0 0; list-style-image: url(images/starow.gif); text-indent:20px; background-color:#F2F2F2; }
.stleft_box { float: left; width: 250px; }
.stright_box { float: right; width: 250px; }
.sitemap li a { width: 165px; height: 24px; line-height:150%; color:#FF4000; background: #ededed url(images/dotted.gif) repeat-x left bottom; display: block; }
.sitemap li a:hover { color:#FF4000; background-color:#D8D8D8; display: block; }


/**************************************************    reservation  ***********************************************************/
div.reservation_box { clear:none; width:580px; padding: 10px 20px 10px 20px; margin-top:15px; background:#f2f1f1; float:left; }
div.reservation_box1 { width:227px; float:left; }
div.reservation_box2 { width:290px; float:left; padding-top:100px; padding-left:25px; }

/*linkcat*/
.linkcat h2 { position: absolute; top: -9999px; height: 0px; }