@charset "utf-8";

/*----- ユニバーサルセレクタ
*/

*{
	padding:0;
	margin:0;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
}

/*----- img_border_clear
*/

img{
	border-style:none;
	vertical-align:bottom;
}

/*----- layout
*/

body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
	color:#464646;
	font-size:80%;
	background-color:#103818;
}

#wrapper{
	margin:0px auto;
	width:950px;
	background-color:#000000;
}

/*----- link_style
*/

a{
	color:#090;
	text-decoration:none;
}

a:hover{
	color:#0C0;
	text-decoration:underline;
}

/*----- header
*/

#header{
	background-image:url(../images/header_back.jpg);
	background-repeat:no-repeat;
	position:relative;
	height:200px;
	width:950px;
	z-index:1;
}

#header h1{
	color:#FFFFFF;
	padding:5px;
	font-weight:bold;
}

#header h2{
	padding:5px;
}

#header #headermenu{
	position:relative;
	float:right;
	z-index:3;
}

#header #headermenu ul{
	list-style:none;
}

#header #headermenu li{
	float:left;
	width:60px;	
}

#header #headermenu .sitemap a{
	background-image:url(../images/sitemap_icon.png);
	background-repeat:no-repeat;
	background-position:left center;
	margin:5px;
	height:35px;
	display:block;
	text-indent:-9999px;
}

#header #headermenu .contact a{
	background-image:url(../images/contact.png);
	background-repeat:no-repeat;
	background-position:left center;
	margin:5px;
	height:35px;
	display:block;
	text-indent:-9999px;
}

/*----- menu
*/

#header #menu{
	position:absolute;
	background-image:url(../images/menu_bar.png);
	background-repeat:no-repeat;
/*	top:120px;*/
	z-index:2;
}

/*----- contents
*/

#contents{
	width:950px;
}

/*----- main
*/

#main{
	width:700px;
	float:left;
	margin-top:15px;
	margin-bottom:30px;
}

#main_left{
	width:180px;
	float:left;
	margin:0 10px;
	display : inline;
}

#main_right{
	width:500px;
	float:right;
}

#main_contents{
	width:690px;
	float:left;
	margin-left:10px;
	display : inline;
}

/*----- sub
*/

#sub{
	width:230px;
	margin:15px 10px 30px 10px;
	float:right;
	display : inline;
}

/*----- footer
*/

#footer{
	clear:both;
	width:950px;
	color:#FFF;
	border-top:solid 1px #FFF;
	padding-top:10px;
}

#footer_left{
	float:left;
	padding:20px;
	padding-top:0;
}

#footer_left h3{
	font-weight:bold;
	line-height:2;
}

#footer_right{
	float:left;
	padding:0px 20px;
	border-left:dotted 1px #FFF;
}

#footer_right ul{
	list-style:none;
	padding-right:20px;
	float:left;
}

#footer_right ul li{
	line-height:2.2;
	padding-left:20px;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

#footer_right a{
	color:#FFF;
}

#footer address{
	padding:0px 20px;
	width:400px;
	clear:both;
}

/*----- contents_class
*/

.news{
	width:500px;
	background-color:#FFFFFF;
}

.news .title{
	height:50px;
	background-image:url(../images/news_title.gif);
	background-repeat:no-repeat;
}

.news .title h3{
	float:left;
	text-indent:-9999px;
}

.news .title .rss{
	float:right;
	margin-top:5px;
}

.news ul{
	list-style:none;
	margin:0 5px;
}

.news li{
	display:block;
	line-height:2.5em;
	padding-left:20px;
	border-top:dotted 1px #666666;	
}

.afsl{
	width:500px;
	background-color:#FFFFFF;
}

.afsl h3{
	height:50px;
	background-image:url(../images/afsl_title.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.afsl table{
	margin:0px 10px 5px 10px;
	width:470px;
	border-right-style:none;
	border-left-style:none;
	border-bottom-style:none;
	border-collapse:collapse;
}

.afsl table th{
	text-align:left;
	white-space:nowrap;
	padding:5px 15px;
	border-bottom:1px solid #cccccc;
}

.afsl table td{
	text-align:left;
	padding:5px 15px;
	border-bottom:1px solid #cccccc;
}

.TabText1{
	background-image:url(../images/1st_text.png);
	height:24px;
	width:73px;
	display:block;
}

.TabText2{
	background-image:url(../images/2nd_text.png);
	height:24px;
	width:73px;
	display:block;
}

.TabText3{
	background-image:url(../images/3rd_text.png);
	height:24px;
	width:73px;
	display:block;
}

.TabText4{
	background-image:url(../images/woman_text.png);
	height:24px;
	width:73px;
	display:block;
}

.infomation{
	width:180px;
	background-color:#FFFFFF;
}

.infomation h3{
	height:50px;
	background-image:url(../images/infomation_title.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.infomation p{
	padding:2px 10px;
	text-align:justify;
	text-justify:inter-ideograph;
}

.infomation dl{
	padding:5px 10px 2px 10px;
}

.infomation dl dt{
	font-weight:bold;
}

.infomation dl dd{
	text-indent:0.5em;
}

.mobile{
	width:180px;
	background-color:#FFFFFF;
}

.mobile h3{
	height:50px;
	background-image:url(../images/mobilesite_title.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.mobile .qrcode{
	text-align:center;
}

.mobile p{
	padding:2px 10px;
	text-align:justify;
	text-justify:inter-ideograph;
}

.bookmark{
	width:180px;
	background-color:#FFFFFF;
}

.bookmark h3{
	height:50px;
	background-image:url(../images/bookmark_title.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.bookmark p{
	padding:2px 10px;
	text-align:center;
}

.links{
	width:180px;
	background-color:#FFFFFF;
}

.links h3{
	height:50px;
	background-image:url(../images/links_title.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.links p{
	padding:2px 10px;
	text-align:justify;
	text-justify:inter-ideograph;
}

.pickup{
	width:230px;
	background-color:#FFFFFF;
}

.pickup h3{
	height:50px;
	background-image:url(../images/pickupteam_title.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}


#coart_top #wrapper #sub .pickup h3{
	height:50px;
	background-image:url(../images/pickupcoart_title.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}


.pickup h4{
	font-weight:bold;
	padding:2px 10px;
	text-align:justify;
	text-justify:inter-ideograph;
}

.pickup p{
	padding:2px 10px 2px 15px;
	text-align:justify;
	text-justify:inter-ideograph;
}

.right_menu{
	width:230px;
	background-color:#FFFFFF;
}

#coart_top #wrapper #sub .right_menu h3{
	height:50px;
	background-image:url(../images/coartmenu_title.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#team_top #wrapper #sub .right_menu h3{
	height:50px;
	background-image:url(../images/teammenu_title.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.right_menu h4{
	padding:2px 5px;
	margin:5px;
	border-bottom:solid #FF0 2px;
	border-left:solid #FF0 5px;
}

.right_menu h4 a{
	font-weight:bold;
}

.right_menu ul{
	list-style:none;
	padding:0px 10px;
}

.right_menu li{
	margin-left:5px;
	padding:5px 0px 5px 10px;
	background-image:url(../images/arrow_re.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.teaminput{
	width:230px;
	background-color:#FFFFFF;
	margin-top:20px;
}
	
.teaminput h3{
	background-color:#000000;
	width:230px;
}

.teaminput p{
	padding:2px 10px;
	text-align:justify;
	text-justify:inter-ideograph;
}

.teaminput a{
	background-image:url(../images/team_btn.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	height:90px;
	display:block;
	overflow:hidden;
}

.teaminput a:hover{
	background-position:0px -90px;
}

.coart_list{
	width:690px;
	background-color:#FFFFFF;
	overflow:hidden;
}

.coart_list h3{
	height:50px;
	background-image:url(../images/coartlist_title.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.coart_list h4{
	margin:5px 10px 5px 10px;
	font-size:130%;
	font-weight:bold;
	border-bottom:solid #FF0 2px;
	border-left:solid #FF0 20px;
	text-indent:0.5em;
	clear:both;
}

.coart_list dl dd a{
	font-weight:bold;
	padding:10px 0px;
	display:block;
}

.coart_list dl dt{
	font-weight:bold;
}

.coart_list p{
	clear:both;
	text-align:right;
	padding:5px 20px;
}

.coart_list .detail_box{
	margin:10px 0px 10px 10px;
	padding:5px 5px;
	border:solid #666 1px;
	width:200px;
	float:left;
}

.coart_list .detail_box p{
	text-align:right;
	padding:5px 0px 5px 0px;
}

.coart_detail{
	width:690px;
	background-color:#FFFFFF;
	overflow:hidden;
}

.coart_detail h3{
	height:50px;
	background-image:url(../images/coartdetail_title.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.coart_detail p{
	clear:both;
	text-align:right;
	padding:5px 20px;
}

.coart_detail_left{
	margin:10px 0px 10px 10px;
	padding:5px;
	width:200px;
	float:left;
}

.coart_detail_right{
	margin:10px 10px 10px 10px;
	padding:5px;
	width:430px;
	float:right;
}

.coart_detail_right table{
	border-top:1px solid #333;
	margin:0px 10px 5px 10px;
	width:400px;
	border-right-style:none;
	border-left-style:none;
	border-bottom-style:none;
	border-collapse:collapse;
}

.coart_detail_right table th{
	text-align:left;
	white-space:nowrap;
	padding:5px 15px;
	border-bottom:1px solid #333;
}

.coart_detail_right table td{
	text-align:left;
	padding:5px 15px;
	border-bottom:1px solid #333;
}

#map{
	border:solid 1px #333;
	clear:both;
	width:660px;
	height:300px;
	margin:10px;
	padding:5px;
}

.team_list{
	width:690px;
	background-color:#FFFFFF;
	overflow:hidden;
}

.team_list h3{
	height:50px;
	background-image:url(../images/teamlist_title.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.team_list h4{
	margin:5px 10px 5px 10px;
	font-size:130%;
	font-weight:bold;
	border-bottom:solid #FF0 2px;
	border-left:solid #FF0 20px;
	text-indent:0.5em;
	clear:both;
}

.team_list dl dd a{
	font-weight:bold;
	padding:10px 0px;
	display:block;
}

.team_list .detail_box{
	margin:10px 0px 10px 10px;
	padding:5px 5px;
	border:solid #666 1px;
	width:200px;
	float:left;
}

.team_list .detail_box p{
	text-align:right;
	padding:5px 0px 5px 0px;
}

.image_set{
	width:200px;
	height:160px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	border:solid 1px #333;
	border-collapse:collapse;
}

.team_list dl dt{
	font-weight:bold;
}

.team_list p{
	clear:both;
	text-align:right;
	padding:5px 20px;
}

.team_detail{
	width:690px;
	background-color:#FFFFFF;
	overflow:hidden;
}

.team_detail h3{
	height:50px;
	background-image:url(../images/teamdetail_title.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.team_detail p{
	clear:both;
	text-align:right;
	padding:5px 20px;
}

.team_detail_left{
	margin:10px 0px 10px 10px;
	padding:5px;
	width:200px;
	float:left;
}

.team_detail_right{
	margin:10px 10px 10px 10px;
	padding:5px;
	width:430px;
	float:right;
}

.team_detail_right table{
	border-top:1px solid #333;
	margin:0px 10px 5px 10px;
	width:400px;
	border-right-style:none;
	border-left-style:none;
	border-bottom-style:none;
	border-collapse:collapse;
}

.team_detail_right table th{
	text-align:left;
	white-space:nowrap;
	padding:5px 15px;
	border-bottom:1px solid #333;
}

.team_detail_right table td{
	text-align:left;
	padding:5px 15px;
	border-bottom:1px solid #333;
}


.bottom {
	clear:both;
	background:transparent url(../images/bottom.gif) no-repeat 0 0;
}
.bottom .right {
	font-size:1px;
	height:12px;
	background:transparent url(../images/bottom_right.gif) no-repeat right 0;
}



/*----- crearfix
*/

.container {
display: inline-table;/* MACのIE向け */
/* \*/ display: block;/* *//* MACのIE以外にdisplay: block;を上書き */
min-height: 1px;/* IE7向けに親ボックスの最小高さを指定 */
}
/* IE6以下にはスターハックを使い親ボックスの高さを指定 */
/* MACのIEには以下の内容を適用しない \*/
* html .container {
height: 1%;
}
/* MACのIEには以上の内容を適用しない */
/* IE以外のモダンブラウザ向け */
.container:after {
content: ".";/*ピリオド（.）を生成*/
display: block;/*clearを効かせるためピリオドをブロック要素に見せる*/
visibility: hidden;/*ピリオドを隠す*/
height: 0;/*ピリオドの高さをなくす*/
line-height: 0;/*ピリオドの行間をなくす*/
clear: both;/*クリアする*/
}

/*----- IE_HACK
*/

* html #menu { height: 1%; }

/*----- レイアウト確認用
*/

/*

#main{
	background-color:#FF0;
}

#main-right{
	background-color:#0F3;
}

#main-left{
	background-color:#9FC;
}

#sub{
	background-color:#F00;
}

*/