@charset "utf-8";

/* ----------------------------------------
  Base Style Seet

	2- 1.全体レイアウト
	2- 2.ヘッダーコンテンツ
	2- 3.グローバルメニュー
	2- 4.サイドバーコンテンツ
	2- 5.フッターコンテンツ
	2- 6.リンク
	2- 7.ナビアイコン
	2- 8.見出しタグ(hタグ）
	2- 9.text,強調
	2-10.リスト
	2-11.共通BOX
	2-12.パンクズ
	2-13.テーブル
---------------------------------------- */


body{
	background:url(../img/common/bg_body.gif) repeat-x #fff;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:16px;
	color:#333333;
	text-align:center;
}
* html body {font-size:75%;}
*:first-child+html body {font-size:75%;}


/* ----------------------------------------
  2-1.全体レイアウト_サイズ
---------------------------------------- */

#header ,
#wheader ,
#footer{width:100%;}

#header_inner ,
#footer_inner{width:750px;}
#wheader_inner{width:950px;}

#header{height:106px;}
#header_inner{height:106px;}
#wheader{height:80px;}
#wheader_inner{height:80px;}

#footer{height:100px;}
#footer_inner{height:100px;}

#wrapper{}


/* ----------------------------------------
  2-1.全体レイアウト
---------------------------------------- */

#container{
	background-color:#ffffff;
	margin:0px auto;
	text-align:left;
	width:650px;
}

#wrapper{background:url(../img/common/bg_wrapper.gif) repeat-y;}

#header{
	background:url(../img/common/bg_header.png) repeat-x;
	position:relative;
	margin-bottom:30px;
}

#header_inner{
	position:relative;
	margin:0px auto;
}

#wheader{
	background:url(../img/common/bg_wheader.jpg) repeat-x;
	position:relative;
}

#wheader_inner{
	position:relative;
	margin:0px auto;
}


#footer{
	position:relative;
	text-align:center;
	padding-top:30px;
}

#footer_inner{margin:0 auto;}


/* ----------------------------------------
  2-2.ヘッダーコンテンツ
---------------------------------------- */

#logo{
	position:absolute;
	left:0px;top:0px;
}

#wlogo{
	position:absolute;
	left:0px;top:15px;
}



/* ----------------------------------------
  2-5.フッターコンテンツ
---------------------------------------- */

address{font-size:12px;}


/* ----------------------------------------
  2-6.リンク
---------------------------------------- */

a {color:#0000ff;}
a:hover{color:#9999ff;}

a.btn:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

/* ----------------------------------------
  2-8.見出し(hタグ）
---------------------------------------- */

h1{margin-bottom:20px;}
h2{margin-bottom:20px;}
h3{margin-bottom:20px;}
h4{margin-bottom:20px;}
h5{margin-bottom:10px;}


/* ----------------------------------------
  2-9.text,強調
---------------------------------------- */

p{
	line-height:1.6;
	margin-bottom:20px;
}

.phtext{
	overflow:hidden;
	_zoom:1;
}

.nm{margin:0 !important;}
.notice{font-size:80%:}
strong{font-weight:bold;}

em{
	font-weight:bold;
	color:#990000;
}


/* ----------------------------------------
  2-9.イメージ
---------------------------------------- */


.phleft{
	float:left;
	display:inline;
	margin-right:15px;
}

.phright{
	float:right;
	display:inline;
	margin-left:15px;
}

/* ----------------------------------------
  2-10.リスト
---------------------------------------- */

dl#topic{}

dl#topic dt{
	float:left;
	display:inline;
	clear:left;
	width:100px;
	padding-left:10px;
	background:url(../img/common/arrow.gif) no-repeat left 40%;
	margin-bottom:10px;
}

dl#topic dd{
	float:left;
	display:inline;
	width:350px;
	margin-bottom:10px;
}


.list1{margin:10px 0px 40px 3px;}

.list1 li{
	padding-left:15px;
	margin-bottom:5px;
	line-height:1.5;
	background:url(../img/common/listmark1.gif) no-repeat left 40%;
}


/* ----------------------------------------
  2-11.共通BOX
---------------------------------------- */

.box1{
	padding:20px 15px;
	margin-bottom:30px;
}


.box1 li{
	margin-bottom:10px;
	font-size:26px;
	font-weight:bold;
	background:url(../img/common/check.gif) no-repeat left top;
	padding-left:30px;
}

.box1 ul{margin-bottom:20px;
	margin-left:0px;}

.box1 li span{
	font-size:17px;
}

.toplead p{font-size:13px;}

.box2{
	width:580px;
	margin-bottom:30px;
	position:relative;
}

.aotitle{
	background:url(../img/common/check.gif) no-repeat left 50%;
	padding-left:30px;
	font-size:26px;
	font-weight:bold;
}

#topformarea{margin-bottom:60px;}

	#topformarea table{margin-bottom:20px;}

	#topformarea th{
		width:150px;
		padding:0px 40px 10px 0px;
		text-align:right;
		font-weight:normal;
	}
	
	#topformarea td{
		width:400px;
		padding:0 0 10px 0;
	}
	
	#topformarea td input{
		border:2px solid #efedd4;
		width:390px;
		font-size:16px;
		padding:3px;
	}
	
	#topformarea td select{
		border:2px solid #efedd4;
		font-size:16px;
	}

#rankingox{
	border:1px solid #efedd4;
	padding:10px 20px 20px 20px;
}

#aobox{
	border:3px solid #efedd4;
	padding:10px 20px 20px 20px;
	margin-bottom:30px;
}

#aobox p{
	padding:0;
	margin:0;
}

#aobox h3{
	font-weight:bold;
	font-size:18px;
	color:#000;
	margin-bottom:10px;
}

#aobox textarea{
	width:580px;
	border:3px solid #efedd4;
	padding:5px;
	margin:0 0 30px 0;
}

#challengebox{
	border:3px solid #efedd4;
	padding:10px 20px 20px 20px;
	margin:0 0 30px 40px;
	width:520px;
}

#rankingox h3{
	font-weight:bold;
	font-size:18px;
	color:#000;
	margin-bottom:10px;
}

	#q_formarea{
		margin-bottom:50px;
	}

	#q_formarea table{margin-bottom:40px;}

	#q_formarea table th{
		padding:8px 0px;
		width:490px;
		font-weight:normal;
		font-size:15px;
	}
	
	#q_formarea table td{
		padding:8px 3px;
		text-align:center;
	}

#rankingox table{width:600px;font-size:13px;}

#rankingox table th{
	padding:6px 3px;
	background-color:#efedd4;
}

#rankingox table td{padding:6px 3px;}


/* ----------------------------------------
  2-13.テーブル
---------------------------------------- */

.table1{
	margin-bottom:50px;
	width:100%;
}

.table1 th{
	border:1px solid #ddd;
	padding:10px;
	width:100px;
	text-align:left;
}

.table1 td{
	border:1px solid #ddd;
	padding:10px;
	line-height:1.5;
}

.table2{
	margin-bottom:50px;
	width:100%;
}

.table2 th{
	border:1px solid #ddd;
	padding:10px;
	width:220px;
	font-weight:normal;
	line-height:1.5;
	text-align:left;
}

.table2 td{
	border:1px solid #ddd;
	padding:10px;
	line-height:1.5;
}