@charset "UTF-8";

@import url(base.css);

/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/

/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */

a:link{color:#333; text-decoration:none;}

a:visited{color:#333;text-decoration:none;}

a:hover{color:#C0345C; text-decoration:none;}

a:active{color:#C0345C; text-decoration:none;}

/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */

body{background:#B2DACA;}

#container{
	width:900px;
	margin:0 auto;
	padding: 0 15px;
	position:relative;
	background:url(../img/common/container_bg.jpg) repeat-y top center;
	font-size:100%;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#container img{vertical-align:bottom;}


#container img.wait{filter: alpha(opacity=30);-moz-opacity:0.30;opacity:0.30;}

/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */

#header-area{
	position:relative;
	margin: 0 0 10px;
}

#identity{
	height:40px;
	width:150px;
}

#header-area .header-utility{
	float:right;
	border: 0px solid #C00;
	margin:10px 24px 0 0px;	
	display:inline;
}

#header-area .header-utility li{
	float:left;
	margin:0 0 0 20px;
}

.language{
	float:left;
	margin:10px 0px 0 18px;	
	display:inline;
}

.language li{
	float:left;
	margin:0 3px 0 0px;
}

/* ------------------------------------------------------------ */
/* コンテンツ大枠 */
/* ------------------------------------------------------------ */

.globalmenu{margin:0 0 7px;}

ul.menu{
	margin: 0 auto 0;
	text-align:center;
	background:url(../img/common/mainmenu_bg.gif) repeat-x left bottom;
}

ul.menu li{
	display:inline;
	line-height:1;
	text-align:center;
	margin:0;
	vertical-align:bottom;
}

.mainimgarea{
	border: 0px solid #390;
	background:#D4EC9C url(../img/common/gmenu_bg.gif) repeat-x left bottom;
	padding:10px 0 15px;
}







#contents-area{
	padding: 0px 20px;
}

#contents-allarea{
	padding: 0px;
}


.breadcrumb ul{border:0px solid #333; margin:0 0 20px;}

.breadcrumb li{float:left; color:#999; font-size:80%;}
.breadcrumb li a{color:#999; text-decoration:none;}
.breadcrumb li a:hover{text-decoration:underline;}

/* ------------------------------------------------------------ */
/* サイドメニュー */
/* ------------------------------------------------------------ */

#submenu-area{
	width:200px;
	float:left;
	border: 0px solid #000099;
}

#submenu-area .submenu{margin:0 0 0px 0;}

#submenu-area .submenu .challenge_box{margin:0 0 10px;}


#submenu-area .submenu .challenge_box a img:hover{
	filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;
}

#submenu-area .submenu .challenge_box .vissel_movie{
	background: url(../upload/banner/vissel_movie.png) no-repeat;
}

#submenu-area .submenu .challenge_box .vissel_movie:hover{
	background: url(../upload/banner/vissel_movie_on.png) no-repeat;
}



.submenu li{margin:0 0 5px; padding:0;}

.submenu li img{vertical-align:bottom;}
.submenu-title{margin:0;}

/* 第二階層以降 */	
.submenubutton ul{padding:0px;}

.submenubutton li{
	background:#FFF url(../img/common/submenu_bg_b.jpg) no-repeat left bottom;
	margin:0 0 5px 0;
	vertical-align:bottom;
	color:#333;
	position:relative;
	font-size:107%;	
}

.submenubutton li.s-second{
	background:none;
	margin:0 0 0px 0;
	font-size:107%;
}

.submenubutton li img{display:block; float:left; margin: 0 0 3px 0px;}

.submenubutton li p{
	background:transparent url(../img/common/mainicon.gif) no-repeat left top;
	padding:0 0 0 16px;
	margin:0px 6px 6px 8px;
	clear:both;
	color:#333;
	width:165px;
}

.submenubutton li p a{text-decoration:none; color:#333; margin:0;}
.submenubutton li p a:hover{text-decoration:none; color:#C0345C;}

.submenubutton li.s-second p a{text-decoration:underline;}
.submenubutton li.s-second p a:hover{text-decoration:underline;}

.submenubutton li.second p,
.submenubutton li.s-second p{
	background:transparent url(../img/common/subicon.gif) no-repeat left center;
	padding:0 6px 0px 12px;
	margin:0 0 6px 19px;
	width:150px;
}

.submenubutton li.bar p{
	background:none;
	border-left: 4px solid #A5CC59;
	padding:0 0 0 11px;
}

li.select{
	position:relative;
	background:none;
}

select.ple{position:absolute; left:19px; top:33px;}
input.ple{position:absolute; left:19px; top:33px; width:155px}
input.ple2{position:absolute; left:70px; top:58px;}


/* ------------------------------------------------------------ */
/* メイン */
/* ------------------------------------------------------------ */

#main-area{
	width:640px;
	float:right;
	border: 0px solid #C00;
	margin:0 0 0px 0;
	padding:0 0 50px 0;	
	position:relative;
}

#main-area .pagetitle{margin:0 0 30px 0;}

.section{margin:0 auto 20px auto; padding:0 0 10px 0;}

p.feat {
	font-size: 107%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 0 18px
}

.p10_b{
	border-bottom: 1px dotted #CCC;
	padding:18px 0 18px 10px;
	font-size:107%;
}

table.comp{
	margin:20px 0 20px;
	border-collapse:collapse;
	border:0px;
}

table.comp th,
table.comp td{
	padding:3px 6px;
	border:1px solid #CCC;
	font-size:107%;
}

table.comp th{
	background:#EAF6CE;
	width:140px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}

table.mno{margin: 0px;}


/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */

.pagetop{
	text-align:right;
	margin:0 20px 0 0;
	padding:0;
	vertical-align:bottom;
	float:right;
	border:0px solid #333;
}

.pagetop img{vertical-align:bottom; display:block;}

.footer_menu{padding:20px 0 0  20px;}

.footer_menu ul{border:0px solid #333; margin:10px 0 0 25px; float:left;}
.footer_menu li{float: left; font-size:88%;}

.footer_menu li a{color:#168139;}
.footer_menu li a:hover{color:#C0345C;}

.foot_link{
	border-top: 1px dotted #CCC;
	width:860px;
	padding:10px 0 0px;
}

#footer-area{
	border:1px solid #FFF;
	background:#FFF url(../img/common/footer_bg.jpg) no-repeat center top;
	padding:0 0 50px;
	margin: 0px auto;
}

#footer-area p.copyright{
	text-align:center;
	font-family: 'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:77%;
	margin:50px 0 0 0;
	}


/* ------------------------------------------------------------ */
/* 見出し */
/* ------------------------------------------------------------ */

h3.list{
	background:url(../img/item/h3_bg.jpg) no-repeat left top;
	font-size:136%;
	font-weight:bold;
	color:#663300;
	padding:8px 10px 20px;
	margin:0 0 0px;
}

h4{
	background:#FFF url(../img/common/h4_bg.jpg) no-repeat left bottom;	
	float:left;
	margin:10px 0px;
}

h4.allarea{
	background:#FFF url(../img/common/h4_allarea_bg.jpg) no-repeat left bottom;	
	float:left;
	margin:10px 0px;
}

h4.rel{
	margin:0 0 5px;
	padding-top:0;

}

h4 img{
	float:left;
	margin: 0 0 1px 0px;
}

h4.mno{margin:0;}

h4 p{
	font-size:107%;
	border-left: 4px solid #A5CC59;
	clear:both;
	font-weight:normal;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 12px;
}

h5{
	background:#FFF url(../img/common/h5_bg.jpg) repeat-x left bottom;	
	margin:10px 0px;
	border-bottom:2px solid #008551;
	font-size:136%;
	font-weight:bold;
	color:#4B7766;
	width:640px;
	padding:0 0 0px 8px;
}


/* ------------------------------------------------------------ */
/* デザインパーツ_Default */
/* ------------------------------------------------------------ */

.left,p.left,img.left {float: left;}

.right,p.right,img.right {float: right;}

img.center {text-align: center; display: block; margin: 0 auto;}

a:hover img.focus{
	filter: alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
}

.bor{border: 1px solid #CCC;}
.no_b{border: 0px !important;}

p.clear{clear:both;}

/* ------------------------------------------------------------ */
/* デザインパーツ_Addition */
/* ------------------------------------------------------------ */

p.now a{color:#008551 !important;}
p.now a:hover{color:#C0345C !important;}

p.now_b a{color:#008551 !important; font-size:107%;}
p.now_b a:hover{color:#C0345C !important; font-size:107%;}

span.now{color:#008551;}

p.pp{padding-left: 10px !important;}

.p10{padding-left:10px;}

p.bigt{
	font-size:152%;
	color:#4B7766;
	padding:0 0 0 10px;
}

p.pink,span.pink{color:#B00032;}
p.red,span.red{color:#CC0000;}
span.gr{color:#008551;}

p.t107{font-size:107%;}
p.st{font-size:80%;}

img.titleimg{margin: 0 0 20px;}

p.maintext {
	font-size: 107%;
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px 0 0 10px
}

span.big{
	font-weight:bold;
	font-size:136%;
	text-decoration:none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

span.big a{text-decoration:none; color:#008551;}
span.big a:hover{text-decoration:none; color:#C0345C;}

p.s_title{width:450px; font-size:152%!important; color:#4B7766; font-weight:bold;}