@charset "utf-8";

/* ===================================================================
CSS Document

 file name  :style.css
 style info :コンテンツエリア関係 他
=================================================================== */
body{
	margin:0;
	padding:0;
	color:#333;
	line-height:1.5;
	background:url(../image/bg_body.html) repeat top;
}

td,th{
	line-height:1.4;
}

.win body{
	font-family:"ＭＳ Ｐゴシック",'メイリオ',Meiryo,sans-serif;
}
.mac body{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
}

/*----------------------------------------------------
	リンク、リンクカラー、強調
----------------------------------------------------*/
a:link{
	color: #333333;
	text-decoration: none;
}

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

a:hover{
	text-decoration: underline;
}

strong{
	font-weight:bold;
}

/*----------------------------------------------------
	ボタン
----------------------------------------------------*/
#main_area div#form_button {
	text-align:center;
	padding:5px 0;
}

/*----------------------------------------------------
	レイアウト
----------------------------------------------------*/

#contents {
	background:url(../cmn_img/bg_contents.gif) left top repeat-x;
	padding-top:10px;
	margin-top:1px;
	margin-bottom:100px;
}

#contents #main_area{
	float:left;
	margin-top:80px;
	text-align:left;
	width:720px;
}


#contents div.sectionS {
	clear:both;
	margin:0 auto 80px;
	width:680px;
}

#contents div.section {
	clear:both;
	margin:0 auto 80px;
	width:690px;
}

#contents div.sectionM {
	clear:both;
	margin:0 auto 80px;
	width:700px;
}

#contents div.sectionL {
	clear:both;
	margin:0 auto 80px;
	width:720px;
}

/*----------------------------------------------------
	テーブル
----------------------------------------------------*/

#main_area table.tbl01 {
	border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	text-align:center;
	table-layout:fixed;
	width:100%;
}

#main_area table.tbl01 thead th {
	padding:10px 0;
}


#main_area table.tbl01 th {
	background:#d9e2ef;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
}

#main_area table.tbl01 th.ti01 {
	background:#aebed4;
}

#main_area table.tbl01 td {
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:5px 2px;
}




#main_area table.tbl02 {
	border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	text-align:center;
	table-layout:auto;
	width:100%;
}


#main_area table.tbl02 td {
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	text-align:left;
	padding:10px;
}

#main_area table.tbl02 td.brn {
	border-right:none;
}




/*----------------------------------------------------
	サイド
----------------------------------------------------*/

#contents #side {
	float:right;
	margin-top:80px;
	width:190px;
}

#contents div#side div#sideNavi {
	background:#f7fafd;
	margin-bottom:30px;
}

/*
#contents div#side div#sideNavi ul {
	text-align:left;
	padding-top:10px;
	width:100%;
}

#contents div#side div#sideNavi li a {
	border-bottom:dotted 1px #CCCCCC;
	background:url(../cmn_img/img_arrow_b.gif) 10px center no-repeat;
	display:block;
	padding:10px 20px;
}

#contents div#side div#sideNavi li a:hover {
	background:#FFFFFF;
	border-bottom:dotted 1px #CCCCCC;
	background:url(../cmn_img/img_arrow_b.gif) 10px center no-repeat;
	display:block;
	padding:10px 20px;
}
*/	


#contents div#side div#sideNavi ul li {
	background:url(../cmn_img/bg_dotbdr_rmenu.gif) left bottom no-repeat;
	line-height:140%;
	padding-bottom:1px;
}

#contents div#side div#sideNavi ul li a {
	display:block;
	padding:12px 12px 10px;
	text-align:left;
}

#contents div#side div#sideNavi ul li a:hover {
	background-color:#FFF;
}


#contents div#side div#sideNavi ul li span {
	background:url(../cmn_img/icon_arrow_rmenu.gif) 4px 3px no-repeat;
	display:block;
	padding-left:15px;
}

#contents div#side div#sideNavi ul li ul.subNavi {
}

#contents div#side div#sideNavi ul li ul.subNavi li {
	background:url(../cmn_img/bg_dotbdr_rmenu.gif) left top no-repeat;
	padding-top:1px;
}

#contents div#side div#sideNavi ul li ul.subNavi li a {
	padding:8px 6px 6px 24px;
}

#contents div#side div#sideNavi ul li ul.subNavi li a:hover {
}

#contents div#side div#sideNavi ul li ul.subNavi li a span {
	background:url(../cmn_img/icon_arrow_rmenu_y.gif) 4px 2px no-repeat;
}



/*#contents div#side div#sideNavi ul li ul.subNavi li a {
	background:url(../cmn_img/img_arrow_b.gif) 38px 48% no-repeat;
	padding:5px 6px 5px 50px !important;
	display:block;
}

#contents div#side div#sideNavi ul li ul.subNavi li a:hover {
	background:url(../cmn_img/img_arrow_b.gif) 38px 48% no-repeat #fff;
	padding:5px 6px 5px 50px !important;
}
*/



#contents #side ul#bnrType01 {
	background:url(../cmn_img/bg_sidebnr_mini.gif) right top repeat-y;
	padding:10px 0;
}



/*---------------------------------------------------
 mv
--------------------------------------------------*/
#mv {
	height:280px;
	margin-top:10px;
}



/*----------------------------------------------------
	☆パンクズナビ
----------------------------------------------------*/
ul#topicpath {
	margin:0 auto;
	width:950px;
}

ul#topicpath li {
	float:right;
	margin-left:5px;
}


/*----------------------------------------------------
	☆タイトル
----------------------------------------------------*/

h2 {
	margin-bottom:25px;
}

h3 {
	line-height:100%;
}



/*----------------------------------------------------
	☆幅
----------------------------------------------------*/
#main_area .w30{width:30px;}
#main_area .w50{width:50px;}
#main_area .w60{width:60px;}
#main_area .w80{width:80px;}
#main_area .w100{width:100px;}
#main_area .w150{width:150px;}
#main_area .w350{width:350px;}
#main_area .w440{width:440px;}
#main_area .w450{width:450px;}
#main_area .w480{width:480px;}
#main_area .w650{width:650px;}
#main_area .wfull{width:690px;}

#main_area .top20 { margin-top:20px; !important}
#main_area .top30 { margin-top:30px; !important}

#main_area .btm0 { margin-bottom:0px; !important}
#main_area .btm3 { margin-bottom:3px; !important}
#main_area .btm5 { margin-bottom:5px; !important}
#main_area .btm10 { margin-bottom:10px; !important}
#main_area .btm20 { margin-bottom:20px; !important}
#main_area .btm30 { margin-bottom:30px; !important}
#main_area .btm40 { margin-bottom:40px; !important}
#main_area .btm50 { margin-bottom:50px; !important}

#main_area .left0 { margin-left:0px; !important}
#main_area .left3 { margin-left:3px; !important}
#main_area .left5 { margin-left:5px; !important}
#main_area .left10 { margin-left:10px; !important}
#main_area .left15 { margin-left:15px; !important}
#main_area .left20 { margin-left:20px; !important}
#main_area .left30 { margin-left:30px; !important}
#main_area .left40 { margin-left:40px; !important}
#main_area .left50 { margin-left:50px; !important}