/* 全体 ##############################################################*/

*
{
	color: #314361;
	font-size: 12px;
	line-height: 15px;
	margin: 0;
	padding: 0;
	word-break: break-all;
}

html, body
{
	background-color: #ffffff;
	height: 100%;
	width: 100%;
}

img { border: none; }

a:link { color: #376ba6; }
a:visited { color: #376ba6; }
a:hover { color: #ff4200; text-decoration: none; }
a:active { color: #376ba6; }

hr
{
	border: 1px dashed #376ba6;
	border-width:1px 0px 0px 0px;
	height:1px;
	margin:5px 0;
}

.min {font-size: 10px;}
.12px {font-size: 12px; font-weight: normal;}
.big {font-size: 14px; font-weight: bold;}
.red {color: #ff4200;}
.clear {clear: both;}

/* メイン ############################################################*/

#main
{
	width: 100%;
	height: 100%;
}

#main_box
{
	width: 802px;
	padding-left: 30px;
	padding-top: 30px;
}

#main_box_nopadding
{
	width: 860px;
	padding-top: 30px;
}

.h2_bg { background: transparent url("./img/h2_bg.gif") repeat-x top; }
.h2_right_bg { background: transparent url("./img/h2_right_bg.gif") no-repeat top right; }
.h2_left_bg { background: transparent url("./img/h2_left_bg.gif") no-repeat top left; }
.h3_bg { background: transparent url("./img/h3_bg.gif") repeat-x top; }
.h3_right_bg { background: transparent url("./img/h3_right_bg.gif") no-repeat top right; }
.h3_left_bg { background: transparent url("./img/h3_left_bg.gif") no-repeat top left; }
.h2, .h3
{
	text-align: left;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 8px;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 3px;
}

#copyright
{
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 10px;
	background: url("./img/copyright_bg.gif") no-repeat;
	width: 316px;
	hright: 13px;
	text-indent: -9999px;
}

/* エントランス ######################################################*/

#enter_title
{
	text-align: center;
	width: 100%;
	padding-top: 14px;
	padding-bottom: 13px;
	margin-top: 50px;
	margin-bottom: 40px;
	background: url("./img/enter_title_bg.gif") repeat-x;
}
#enter_title h1
{
	display: none;
}

#enter_main
{
	background: url("./img/enter_main_bg.jpg") no-repeat;
	width: 702px;
	height: 502px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 40px;
}
#enter_main h1
{
	display: none;
}
#enter_btset
{
	padding-top: 300px;
	padding-left: 414px;
}
#enter, #leave
{
	background-image: url("./img/enter_bt.gif");
	display: block;
	width: 187px;
	height: 58px;
	margin-bottom: 10px;
	text-indent: -9999px;
}
#leave
{
	background-image: url("./img/leave_bt.gif");
}
#enter:hover, #leave:hover
{
	background-position:bottom;
}

#enter_caution
{
	width: 380px;
	margin:0 auto;
}
#enter_caution_text
{
	text-align: center;
	padding-top: 4px;
	padding-bottom: 5px;
	font-size: 14px;
	line-height: 18px;
	color: #376ba6;
	font-weight: bold;
}

/* メインメニュー ####################################################*/
#menu_title
{
	background: url("./img/menu_title_bg.gif") no-repeat;
	width: 994px;
	height: 57px;
}
#menu_counter_box
{
	margin-top: 13px;
	margin-bottom: 13px;
	height: 31px;
	text-align: right;
	float: right;
	clear: both;
}
#menu_title_bottom
{
	background: url("./img/menu_title_bottom_bg.png") no-repeat left top;
	width: 20px;
	height: 20px;
	position: fixed;
	left: 0;
	top: 0;
}

#menu_tate
{
	background: url("./img/menu_tate_bg.gif");
	width: 134px;
	min-height: 100%;
}

#manu_toppadding
{
	padding-top: 20px;
}

ul#menu_box {
	margin-top:10px;
	margin-bottom:7px;
	margin-left: 9px;
	list-style-type:none;
	width:100%;
}
ul#menu_box li { height:31px; }

a#menu_home_bt,
a#menu_circle_bt,
a#menu_works_bt,
a#menu_support_bt,
a#menu_recruit_bt,
a#menu_link_bt,
a#menu_contacts_bt
{
	background-image: url("img/menu_home_bt.gif");
	display: block;
	width: 125px;
	height: 28px;
	text-indent: -9999px;
	text-decoration: none;
}
a#menu_circle_bt { background-image: url("img/menu_circle_bt.gif"); }
a#menu_works_bt { background-image: url("img/menu_works_bt.gif"); }
a#menu_support_bt { background-image: url("img/menu_support_bt.gif"); }
a#menu_recruit_bt { background-image: url("img/menu_recruit_bt.gif"); }
a#menu_link_bt { background-image: url("img/menu_link_bt.gif"); }
a#menu_contacts_bt { background-image: url("img/menu_contacts_bt.gif"); }

a#menu_home_bt:hover,
a#menu_circle_bt:hover,
a#menu_works_bt:hover,
a#menu_support_bt:hover,
a#menu_recruit_bt:hover,
a#menu_link_bt:hover,
a#menu_contacts_bt:hover
{ background-position:bottom; }

#menu_lineup_box { text-align: left; padding-top: 17px; padding-bottom: 15px; padding-left:4px;}
#menu_lineup_box img { width:58px;margin-top: -2px;margin-right:-2px; border: 2px solid #ffffff; }
#menu_lineup_box img:hover { border: 2px solid #ff4200; }

#menu_lineup_scrollbox_bottom
{
	text-align: center;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}

#menu_lineup_scrollbox
{
	position: absolute;
	left: 56px;
	top: 285px;
}
#menu_lineup_scrollbox a, #menu_lineup_scrollbox_bottom a
{
	font-size:10px;
	text-decoration: none;
	line-height: 10px;
	color: #ffffff;
}
#menu_lineup_scrollbox a:hover, #menu_lineup_scrollbox_bottom a:hover
{
	color: #ff4200;
}

#menu_ranking_button_box
{
	text-align: right;
	margin: 2px 0px 0px 0px
}
#menu_ranking_button_box a
{
	background-image: url("img/menu_ranking_bt.gif");
	display: block;
	width: 100%;
	height: 18px;
	text-decoration: none;
	padding-top: 5px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	margin: 0px 0px -2px 0px;
}
#menu_ranking_button_box a:hover { background-position:bottom; }

#menu_ranking_box
{
	text-align: left;
	background-color: #ffffff;
	margin: 4px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
}
#menu_ranking_box a
{
	font-size: 10px;
	line-height: 12px;
	text-decoration: none;
}
#menu_ranking_box img
{
	border: 1px solid #ffffff;
}
#menu_ranking_box img:hover { border: 1px solid #ff4200; }

#menu_ranking_box .icon1
{
	background: url("img/menu_ranking_icon1.png") no-repeat 4px 38px;
	padding: 0px 0px 3px 32px;
}
#menu_ranking_box .icon2
{
	background: url("img/menu_ranking_icon2.png") no-repeat 4px 38px;
	padding: 0px 0px 3px 32px;
}
#menu_ranking_box .icon3
{
	background: url("img/menu_ranking_icon3.png") no-repeat 4px 38px;
	padding: 0px 0px 2px 32px;
}

/* ホーム ############################################################*/

#home_box_img
{
	margin-bottom:10px;
	height: 398px;
}

#home_box_sub_left
{
	float:left;
	width:583px;
}
#home_box_sub_right
{
	float:left;
	padding-left:2px;
	width:217px;
}

/* 新着情報 */
.home_sintyaku_box_title
{
	width: 575px;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #ffffff;
	background: #ff4200;
}
.home_sintyaku_box
{
	border: solid 1px #ff4200;
	padding: 5px 6px 4px 6px;
	width: 567px;
	margin-bottom: 5px;
}

/* サイド */
.home_side_box
{
	padding: 0px 6px 4px 6px;
}
.home_side_box img
{
	margin-bottom: 1px;
	border: 1px solid #ffffff;
}
.home_side_box img:hover { border: 1px solid #ff4200; }
.home_side_box .img:hover { border: 1px solid #ffffff; }

/* 共通パーツ ######################################################## */

#sub_title
{
	text-align: center;
	width: 100%;
	padding-top: 14px;
	padding-bottom: 18px;
	margin-bottom: 30px;
	background: url("./img/enter_title_bg.gif") repeat-x;
}
#sub_title h1 { display: none; }


/* サークル情報 ###################################################### */

.circle_box
{
	text-align: center;
	padding: 0;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	/*background: url("./img/circle_bg.jpg") no-repeat;*/
	background-position: 650px 350px;
}
.circle_box .red
{
	font-size: 16px;
	line-height: 26px;
	color: #ff4200;
}

/* 作品情報 ########################################################## */

#works_box
{
	
}

.work_box
{
	width: 760px;
	margin: 15px auto;
	background: url("./img/work_box_bg.gif") repeat-x bottom;
	border: solid 1px #cee9f5;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 5px;
}
.work_box_title
{
	font-size: 12px;
	font-weight: bold;
	padding: 9px 5px 6px 9px;
	background: url("./img/enter_title_bg.gif") repeat-x;
	color: #ffffff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.work_box_title a
{
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}
.work_box_title a:hover {	text-decoration: underline;}
.work_box_l
{
	text-align: center;
	padding: 10px 0px 10px 20px;
}
.work_box_l img
{
	background: #ffffff;
	padding: 3px;
}
.work_box_l img:hover { background: #ff4200; }

.work_box_r
{
	text-align: left;
	padding: 10px;
	width: 400px;
}
.works_box_mini
{
	margin: 10px 10px 10px 15px;
}
.works_box_mini dt
{
	float:left;
	clear:both;
	padding: 6px 5px 5px 5px;
	margin-bottom: 5px;
	width:80px;
	background: #376ba6;
	text-align: center;
	color:#ffffff;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.works_box_mini dd
{
	padding: 5px 4px 4px 5px;
	margin-left: 95px;
	margin-bottom: 5px;
	text-align: left;
	font-weight: bold;
	background:#ffffff;
	border: dashed 1px #376ba6;
	font-size: 14px;
	line-height: 18px;
}
.works_box_story
{
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
}

/* サポート ########################################################## */
#support_box
{
	width: 780px;
	margin: 15px auto;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
}
#support_box .red, #support_box a
{
	font-size: 14px;
	line-height: 18px;
}
.support_box_title
{
	font-size: 16px;
	font-weight: bold;
	padding: 10px 10px 8px 10px;
	background: url("./img/enter_title_bg.gif") repeat-x;
	color: #ffffff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

/* 求人情報 ########################################################## */
#recruit_box
{
	width: 780px;
	margin: 15px auto;
	font-size: 12px;
	line-height: 15px;
}
#recruit_box .red, #recruit_box a, #recruit_box .big
{
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}
.recruit_box_title
{
	font-size: 16px;
	font-weight: bold;
	padding: 10px 10px 8px 10px;
	background: url("./img/enter_title_bg.gif") repeat-x;
	color: #ffffff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.recruit_box_title_min
{
	font-size: 14px;
	font-weight: bold;
	padding: 5px 5px 4px 5px;
	border-left: solid 5px #314361;
	border-bottom: solid 1px #314361;
}

/* リンク ############################################################ */
#link_box
{
	width: 780px;
	margin: 15px auto;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
}
#link_box .red, #link_box a, #link_box .big
{
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}
#link_box .min
{
	font-weight: normal;
}
#link_box img
{
	margin-top: 1px;
	margin-bottom: 3px;
	margin-right: 5px;
	border: 1px solid #ffffff;
	vertical-align: middle;
}
#link_box img:hover { border: 1px solid #ff4200; }

.link_box_title
{
	font-size: 16px;
	font-weight: bold;
	padding: 10px 10px 8px 10px;
	background: url("./img/enter_title_bg.gif") repeat-x;
	color: #ffffff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.link_box_title_min
{
	font-size: 14px;
	font-weight: bold;
	padding: 5px 5px 4px 5px;
	border-left: solid 5px #314361;
	border-bottom: solid 1px #314361;
}

/* メールフォーム #################################################### */
#mailFormBox
{
	font-weight: bold;
}
#mailFormTable
{
}
#mailFormTable .left
{
	width: 160px;
	padding: 3px 4px 2px 3px;
	background: url("./img/menu_tate_bg.gif");
	text-align: right;
	color:#ffffff;
	font-weight: bold;
	font-size: 14px;
	border: 1px solid #314361;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#mailFormTable .left .min
{
	color:#ffffff;
}
#mailFormTable .right
{
	width: 500px;
	padding: 3px 4px 2px 3px;
}
#submit
{
	padding-left: 5px;
}
#submit input
{
	width: 60px;
	height: 30px;
	background: url("./img/menu_tate_bg.gif");
	border: 1px solid #314361;
	color:#ffffff;
	font-size: 14px;
	font-weight: bold;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#submit input:hover
{
	border: 1px solid #ff4200;
}
.subFrameBox {
	margin-bottom: 10px;
}
.subFrameBox dd {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;

}
.subFrameBox .br {
	padding-top: 10px;
}

/* 作品情報########################################################### */
#product_box
{
	width: 700px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	margin-left: 50px;
}
.product_box_center
{
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	text-align: center;
	color: #ff4200;
}
.product_box_center div
{
	text-indent: -9999px;
	height: 0px;
}


.product_box_title, .product_box_title2
{
	font-size: 16px;
	font-weight: bold;
	padding: 10px 10px 8px 10px;
	background: url("./img/product_title_bg.gif") repeat-x;
	color: #ffffff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.product_box_title2
{
	font-size: 12px;
	padding: 10px 10px 8px 10px;
}
.product_box_title_min
{
	padding: 8px 8px 6px 10px;
	margin: 0px 0 0px 0;
	font-weight: bold;
	font-size: 14px;
	background: #ff4378;
	color: #ffffff;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

.product_box_min, .product_box_min_center, .product_box_min_center2
{
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	padding: 8px 8px 6px 8px;
}
.product_box_min .red, .product_box_min_center .red
{
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	color: #ff4378;
}

.product_box_min .fancybox img { width:221px; border: 2px solid #ffffff; }
.product_box_min .fancybox img:hover { border: 2px solid #ff4378; }
.product_box_min_center, .product_box_min_center2
{
	text-align: center;
	padding: 18px 8px 16px 8px;
}

.product_box_min_center2
{
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

.product_detail_box
{
	width: 100%;
}
.product_detail_box td
{
	width: 50%;
	vertical-align: top;
}
.product_box_dl
{
	margin: 10px 5px 10px 5px;
}
.product_box_dl dt
{
	float:left;
	clear:both;
	padding: 6px 5px 5px 5px;
	margin-bottom: 5px;
	width:80px;
	background: #687a8d;
	text-align: center;
	color:#ffffff;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.product_box_dl dd
{
	padding: 5px 4px 4px 5px;
	margin-left: 95px;
	margin-bottom: 5px;
	font-weight: bold;
	background:#ffffff;
	border: dashed 1px #687a8d;
	font-size: 12px;
	line-height: 14px;
}
.genre_icon
{
	margin-right:5px;
	margin-bottom:5px;
}

.product_box_img
{
	width: 100%;
	margin: 10px 0;
}

.product_box_img .left
{
	text-align: left;
	width: 240px;
}
.product_box_img .right
{
	text-align: center;
	font-size: 12px;
	line-height: 20px;
}