@charset "utf-8";

/*Theme Name: ベーシックプランテンプレート
Theme URI: http://infotank.jp/pst/
Description: Infotank-webが制作したテンプレートです。
Version: 1
Author: pst
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. :)
*/

/*************************************************************正規化****************************************************************/

/* 各要素のmargin,paddingの正規化 */
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, hd { margin: 0;	padding: 0; }

/* 見出し要素のフォントサイズの正規化 */
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/* ol,ul要素のlist-styleを削除 */
ol, ul { list-style: none; }

/* font-styleやfont-weightプロパティの正規化 */
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: bold; }

/* table要素のセルのボーダーとボーダーの隙間を0にする */
table { border-collapse: collapse; border-spacing: 0; }

/* fieldsetやimgのボーダーを削除 */
fieldset, img { border: 0; }

/* captionやth要素を左揃えにする */
caption, th { text-align: left; }

/* q要素の引用マークを削除 */
q:before, q:after { content: ''; }


/****************************************************************typography*********************************************************/

body {
	font: 85%/1.8 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a:link, a:visited { text-decoration: none; }
p { font-size: 100%; }


/***********************************************************************すべて******************************************************/

a:link, a:visited { color: #663300; }
a:hover { color: #990000; text-decoration: underline; }
.outline { border: solid 1px #21211b; }
.outline02 { border: solid 1px #51514d; }
.underline01 { border-bottom: solid 3px #FFF; width: 95%; margin: 10px auto; }
.dotline_bottom { border-bottom: #FFF 1px dotted; }
.dotline_top { border-top: #FFF 1px dotted; }
.lage_01_text { font-size: large; }
.lage_02_text { font-size: 15px; }
.lage_03_text { font-size: 120%; }
.small_01_text { font-size: xx-small; }
.small_02_text { font-size: x-small; }
.right_text { text-align: right; }
.center_text { text-align: center; }
.line_01 { line-height: 2.0; }
.top_20 { margin-top: 20px; }
.bottom_10 { margin-bottom: 10px; }
.bottom_15 { margin-bottom: 15px; }
.bottom_20 { margin-bottom: 20px; }
.text_color_01 { color: #CCCCCC; }
.text_color_02 { color: #8f832b; }
.text_color_03 { color: #FFFFFF; }
.indent01 { text-indent: 1em; }
.mleft_20 { margin-left: 20px; }
.mleft_50 { margin-left: 50px; }
.list_01 { list-style: disc; }
hr { width: 95%; color: #FFF; /* 線の色(IE用) */ background-color: #FFF; /* 線の色(NN用) */ height: 1px; /* 線の太さ */ border: 1px; /* 枠の太さ */ border-style: dotted; /* 枠の種類 */ clear: both; text-align: center; margin: 10px 0; }


/****************************************************************レイアウト*********************************************************/

html { color: #333333; }
body { margin: 0; text-align: center; background-image: url(images/bg.gif); background-repeat: repeat; background-position: left top; background-color: #ffffff; }
div#topwrap { background-color:#8c0a16;
height:20px;
padding-top:10px;
width:100%;
}
div#bgwrap { width: 950px; background-image: url(images/bg1.gif);background-repeat: repeat-y; margin:0 auto 0 auto;
}

div#wrap { width: 900px; margin: 0 auto; text-align: left; position: relative; padding-top: 30px;
}
div#header { width: 900px; height: 450px; position: relative; }
div#bread { width: 680px; float: right; display: block; margin: 0; padding: 0; }
div#sidebar_box { position: relative; width: 210px; float:left; top: -24px; }
div#sidebar_box_top { width: 210px; float:left; }
div#contents { width: 680px; float: right; margin-top: 10px; }
div#footer {
	margin: 35px 0 0 0;
	width: 900px;
	height:124px;
	clear: both;
	text-align: center;
	vertical-align: bottom;	
}


/*header部*/

div#header div#headerimg { width: 900px; position: absolute; top: 0; right: 2px; }

div#header div#logo_box { width: 219px; height: 178px; float:left; position: relative; }
div#header div#logo_box h1#logo { width: 219px; height: 178px; }
div#header div#logo_box h1#logo img { width: 219px; height: 178px; }
div#header div#logo_box address { position: absolute; top: -9999px; }



/*sidebar部*/
div#sidebar_box h2, div#sidebar_box_top h2 { text-align: left; }

div#nav_box { }
div#nav_box ul#main_nav {}
div#nav_box ul#main_nav li { width: 100%; height: 37px; }
li#Home_nav a { text-indent: -9999px; width: 210px; height: 37px; display: block; background: url(images/aya-navi-top.jpg) no-repeat center top; }
li#Home_nav a:hover { width: 210px; height: 37px; background: url(images/aya-navi-toph.jpg) no-repeat center bottom; }
li#Cast_nav a { text-indent: -9999px; width: 210px; height: 37px; display: block; background: url(images/aya-navi-blog.jpg) no-repeat center top; }
li#Cast_nav a:hover { width: 210px; height: 37px; background: url(images/aya-navi-blogh.jpg) no-repeat center bottom; }
li#System_nav a { text-indent: -9999px; width: 210px; height: 37px; display: block; background: url(images/aya-navi-kaisha.jpg) no-repeat center top; }
li#System_nav a:hover { width: 210px; height: 37px; background: url(images/aya-navi-kaishah.jpg) no-repeat center bottom; }
li#Ticket_nav a { text-indent: -9999px; width: 210px; height: 37px; display: block; background: url(images/aya-navi-access.jpg) no-repeat center top; }
li#Ticket_nav a:hover { width: 210px; height: 37px; background: url(images/aya-navi-accessh.jpg) no-repeat center bottom; }
li#Job_nav a { text-indent: -9999px; width: 210px; height: 37px; display: block; background: url(images/aya-navi-bukken.jpg) no-repeat center top; }
li#Job_nav a:hover { width: 210px; height: 37px; background: url(images/aya-navi-bukkenh.jpg) no-repeat center bottom; }
li#Map_nav a { text-indent: -9999px; width: 210px; height: 37px; display: block; background: url(images/aya-navi-koukoku.jpg) no-repeat center top; }
li#Map_nav a:hover { width: 210px; height: 37px; background: url(images/aya-navi-koukokuh.jpg) no-repeat center bottom; }
li#Blog_nav a { text-indent: -9999px; width: 210px; height: 37px; display: block; background: url(images/aya-navi-toiawase.jpg) no-repeat center top; }
li#Blog_nav a:hover { width: 210px; height: 37px; background: url(images/aya-navi-toiawaseh.jpg) no-repeat center bottom; }
li#Link_nav a { text-indent: -9999px; width: 210px; height: 37px; display: block; background: url(images/aya-navi-link.jpg) no-repeat center top; }
li#Link_nav a:hover { width: 210px; height: 37px; background: url(images/aya-navi-linkh.jpg) no-repeat center bottom; }

div#information_box a:link, div#information_box a:visited, div#blog_news_box a:link, div#blog_news_box a:visited { color: #663300; }
div#information_box a:hover, div#blog_news_box a:hover { color: #990000; text-decoration: underline; }
div#information_box { width: 94%; padding: 3%; }
div#information_box ul#mobail_info li img { width: 98px; height: 98px; margin: 5px 0 5px 50px; }/*QRコード*/
div#blog_news_box { width: 96%; margin-top: 10px;  padding: 2%; }
div#blog_news_box dt span { color: #FF9933; }
div#blog_news_box dd .post-categories li a { color: #CC3399; }
div#blog_news_box dd img { width: 100%; height: 100%; }

.topic02 { display: block; width: 95%; height: 100%; margin: 0 auto; border-top: #FFF 1px dotted; }
/*.topic02 dt { float:left; margin: 0px; padding: 4px 3px 0 0; }
.topic02 dd { margin: 0  0  0 0px; padding: 4px 4px 4px 50px; }
.topic02 dd p { margin: 0; text-align: left; }
.topic02 p { margin: 0 10px 15px 0; }*/
#bannar1 { display: block; width: 210px; margin: 0px;	padding: 0px; height: 60px; clear: both; }
#bannar1 p {	margin-bottom: 10px; }

#bannar2 { display: block; width: 210px; margin: 0px; padding: 0px; height: 120px; clear: both; }
#bannar2 p { margin-bottom: 10px; }

/*message_box部*/
div#message_box {
	width: 96%;
	padding: 2%;
	color: #333333;
}
div#rankphoto { width: 614; /*height: 264px;*/ height: 100%; padding: 5px; background-color: #000; position: relative; }


/*item部*/
div#item_box { width: 96%; height: 100%;
	padding: 2%;
	color: #333333; }
div#news { width: 100%; height: 100%; margin-top: 10px; padding: 0; }

.topic { display: block; width: 95%; overflow: auto; margin: 0 auto; border-bottom: #FFFFFF 1px dotted; }
.topic dt { float:left; margin: 0px; padding: 4px 3px 0 0; }
.topic dd { margin: 0  0  0 25px; padding: 4px 4px 4px 50px; }
.topic dd p { margin: 0; text-align: left; }
.topic p { margin: 0 10px 15px 0; }
div#item h2 {
	width: 630px;
	margin: 0;
	padding: 0 0 0 10px;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-left: solid 4px #F60;
	border-right: solid 1px #CCC;
	background-image: url(./images/content_bg02.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font: 150%/1.8 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}
.entry-header {margin: 0 0 0 20px}


/*pickup部*/
div#pickup { width: 96%; padding: 2%; clear: both; }
div#pickup_photo { width: 100%; height: 100%; padding: 0; }
/*div#pickup_photo img { width: 110px; height: 146px; margin: 5px; float: left; }縦横比1:1.33*/
div#pickup_photo .cast_photo { width: 98px; height: 130px; margin: 10px 0 3px 0; }/*縦横比1:1.33*/
.cast_photo_box01 { width: 117px; height: 168px; margin-bottom: 8px; text-align: center; float: left; }
.cast_photo_box01 a { width: 117px; height: 168px; background-color: #21211b; display: block; }
.cast_photo_box01 a:hover { text-decoration: none; background-color: #333110; }
/*ランダムイメージPHPを改造。cast_photo部と同じスタイル*/
div#information h2 {
	width: 630px;
	margin: 0;
	padding: 0 0 0 10px;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-left: double 4px #00F;
	border-right: solid 1px #CCC;
	background-image: url(./images/content_bg02.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font: 150%/1.8 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}




/*footer部*/
div#footer p a {
	margin: 5px 8px;
}
div#footerwrap {
	background-color:#8c0a16;
	height:20px;
	padding-top:10px;
	width:100%;
	color: #FFFFFF;
	text-align:center;
}
div#footerwrap a { color:#999999;}


/*bgImg*/
img#bgImg {	width: 648px; height: 614px; position: absolute; left: 600px; top: -3%; z-index: -1; }


/*********************↓↓↓↓↓↓peges↓↓↓↓↓↓↓*********************/

/*cast_photo*/
div#casts { width: 600px; height: 1%; padding: 0; }
.cast_photo_box { width: 117px; height: 168px; margin-bottom: 8px; text-align: center; float: left; }
.cast_photo_box a { width: 117px; height: 168px; background-color: #21211b; display: block; }
.cast_photo_box a:hover { text-decoration: none; background-color: #333110; }
.cast_photo { width: 98px; height: 130px; margin: 10px 0 3px 0; }/*縦横比1:1.33*/
/*.cast_photo img { width: 100%; height: 100%; }*/
.cast_name { color: #FFF; font-size: x-small; }


/*profile*/
div#profile_box { width: 100%; }
div#profile_box h3 { background-color: #4a471b;}
div#profile_img { width: 310px; padding: 5px; float: left; background-color: #26261e; text-align: center; }
div#profile_img img { width: 200px; height: 260px; }/*縦横比1:1.33*/
div#thum img { width: 90px; height: 120px; padding: 5px; }

div#profiles { width: 300px; float: right; padding: 5px; background-color: #26261e; }
.profile_dl { line-height:1.8; margin: 15px 0 15px 20px; padding: 0; width: 100%; }
.profile_dl dt { width: 90px; margin: 0; padding: 0; }
.profile_dl dd { width: 200px; margin: -1.6em 0 0 0; padding: 0 0 0 90px; border-bottom: solid 1px #21211b; }


/*job*/
.job { line-height:1.8; margin: 10px 0 10px 25px; padding: 0; width: 600px; }
.job dt { width: 140px; margin: 0; padding:0; }
.job dd { width: 400px; margin: -1.6em 0 0 0; padding: 0 0 0 140px; border-bottom: solid 1px #21211b; }


/*system*/
.system { line-height:1.8; margin: 10px 0 10px 25px; padding: 0; width: 600px; }
.system dt { width: 140px; margin: 0; padding: 0; }
.system dd { width: 300px; margin: -1.6em 0 0 0; padding: 0 0 0 140px; border-bottom: solid 1px #21211b; }


/*map*/
address { width: 90%; margin: 10px auto; display: block; }
* html div#mapwrap { width: 100%; text-align: center; }
div#mapwrap { width: 100%; }
div#map { width:640px; margin: 10px auto; text-align: center; }
div#mappic {
	float: left;
	margin: 10px 40px 10px 40px;
}


/*link*/
ul#link { margin: 0 0 20px 30px; }
ul#link li { width: 600px; border-bottom: solid 1px #21211b; margin: 5px 0px; }


/*privacy＆sitepolicy*/
.rules { width: 95%; margin: 15px auto; line-height: 1.8; }
.rules dt { margin: 0; }
.rules dd { margin: 0 0 10px 0; padding: 0 0 0 50px; border-bottom: solid 1px #21211b; }


/*blog_box*/
div#blog_box { width: 435px; padding: 5px; }
.entry { width: 100%; }
div#blog_box h2{	padding: 5px;
	font: 150%/1.8 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}


/*information_box*/
div#information_box { width: 650px; padding: 5px; }
div#information_box h2 {
	padding: 5px;
	font: 150%/1.8 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}

.entry { width: 100%; }


/*blogbar*/
#links-right-box { width: 185px; float: right; margin: 0; display: inline; }
#links-right ul { color: #444; }
#links-right ul li { list-style: none; margin: 0 0 15px 0; }
#links-right li li { background: url(images/lmark.gif) no-repeat 0 0.5em; padding-left: 12px; margin: 0; }
#links-right ul ul { margin: 0; }
#links-right ul li h2 { margin-top: 3px; padding-bottom: 2px; border: 1px solid  #21211b; color: #a79341; background: #eabcbc; text-align: center; font-size: 95%; line-height: 2.0; }


/***************会社ご挨拶部分***************/

div#gaiyou {
	width: 650px;
	margin: 0 auto;
	padding: 10px 15px;
	color: #333333;
}


div#gaiyou h2 {
	width: 100%;
	margin: 0;
	padding: 0 0 0 10px;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-left: solid 4px #F60;
	border-right: solid 1px #CCC;
	background-image: url(./images/content_bg02.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font: 110%/1.8 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}

div#gaiyou h3 {
	width: 100%;
	margin: 0;
	padding: 0 0 0 10px;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-left: double 4px #00F;
	border-right: solid 1px #CCC;
	background-image: url(./images/content_bg02.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font: 100%/1.8 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}

div#gaiyou .companyBase {
	width: 600px;
	margin: 10px auto 30px auto;
	padding-top: 0px;
	border-bottom: 1px solid #ddd;
	}

div#gaiyou .companyBase dt, div#gaiyou .companyBase dd {
	padding: 10px 0px;
	border-top: 1px solid #ddd;
	font-size: 87.5%;
	line-height: 140%;
	}

div#gaiyou .companyBase dt {
	clear: left;
	float: left;
	width: 148px;
	padding-right: 16px;
	display: inherit;
	}

div#gaiyou .companyBase dd {
	margin-left: 164px;
}

/***************会社概要部分***************/

/*div#gaiyou .ideologyImg {
	width: 100%;
	height: 100px;
	margin: 20px 0;
	background-image: url(images/ideology_bg.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	}*/

div#gaiyou img#ideology_img {
	width: 120px;
	height: 160px;
	margin:45px 10px 0 0;
	floa20t: left;
}

div#gaiyouwrap {
	width: 120px;
	height: 300px;
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-left: 20px;
}


div#gaiyou .ideology {
	font-size: 110%;
	line-height: 140%;
	width: 460px;
	margin: 20px auto;
	padding-left: 20px;
	}

div#gaiyou .ideology1 {
	font-size: 160%;
	line-height: 140%;
	width: 460px;
	margin: 20px auto;
	padding-left: 20px;
		font-weight: bold;

	}

div#gaiyou .companyBase dd p {
	margin: 0;
	padding: 0;
}