@charset "UTF-8";



/*======================================================================================================================
========================================================================================================================

index.css

トップページ用

========================================================================================================================
======================================================================================================================*/



/* フレーム全体
-------------------------------------------------------------------------------------------------------- */
body {
	background:     url(../img/bg_index_main.jpg) center top repeat-y #B69E53;
}

#wrapper {
	padding:        0px 0px 0px 0px;
	width:          900px;
	margin:         0px auto;
	text-align:     left;
	height:         100%;/* IE6用 */
	min-height:     100%;
	border-left:    none;
	border-right:   none;
	position:       relative;
}

body > #wrapper {
	height:auto;
} /* IE6以外用 */








/* メインイメージ
-------------------------------------------------------------------------------------------------------- */

#main_img {
	margin:       0px 0px 35px 0px;
	padding:      0px 0px 0px 100px;
}

#main_img .logo {
	padding:      24px 0px 0px 0px;
	width:        195px;
	float:        left;
}

#main_img .read {
	padding:      99px 0px 0px 0px;
	width:        576px;
	float:        right;
}


#mainimg .read {
	width:        416px;
	height:       250px;
	position:     absolute;
	top:          107px;
	left:         81px;
}





/* コンテンツエリア
-------------------------------------------------------------------------------------------------------- */
body#index #contents #c_inner {
	padding:         30px 53px 20px 59px;
	background:      url(../img/bg_listpage.gif) center top;
	zoom:            1;
}




/* プロ／アマ用ボックス
-------------------------------------------------------------------------------------------------------- */
.box_pro {
	width:         576px;
	float:         left;
}
.box_pro .inner {
	padding:       0px 20px 0px 12px;
}
.box_ama {
	width:         195px;
	float:         right;
}
.box_ama .inner {
	padding:       0px 0px 0px 18px;
}


.category_area {
	margin:        0px 0px 25px 0px;
	width:         178px;
	float:         left;
}
.category_area .box {
	width:         162px;
}
.category_area .box .img {
	padding:       1px;
	border:        1px solid #FFFFFF;
	background:    #342020;
}