@charset "utf-8";

* {
margin:0;
padding:0;
}

section, hgroup, nav, article, header, footer {
	display:block;
}

body {
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,san-serif;
}

#wrapper {
	margin: 0px auto 0px auto;
	width: 972px;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

#contents{
	background: #fff;
	display: block;
	padding:5px 5px 5px 0;
}

#main{
	float:left;
	width:100%;
	margin-right:-310px;
	display: block;
}

#main .inner{
	min-width:310px;
	margin: 0 310px 0 0;
	overflow:hidden;

}


a {
	color: #333333;
	text-decoration: none;
}
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:active {
	color: #0055AA;
	text-decoration: none;
}
a:hover {
	color: #0055AA;
	text-decoration: underline;
}

footer a, footer a:link, footer a:visited {
	text-decoration: underline;
}
#lead a, #lead a:link {
	color: #900;
	text-decoration: underline;
}
#lead a:visited {
	color: #630;
	text-decoration: underline;
}
#article a, #article a:link {
	color: #900;
	text-decoration: underline;
}
#article a:visited {
	color: #900;
	text-decoration: underline;
}
#article a:hover {
	border:solid 0px #900;
	background:#FFC;
}
/*
===== 2.reset ======
*/


* {
	margin: 0;
	padding: 0;
}
img {
	vertical-align:bottom;
	border: none;
}
a img {
	border: none;
}
hr {
	display: none;
	height: 1px;
}
.clear {
	clear: both;
	display: block;
}
a {
	text-decoration: none;
}
table {
	border-collapse:collapse;
}
td, th {
	vertical-align:top;
}
a:link[name], a:hover[name] {
	text-decoration: none;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Holly Hack Targets IE Win only \*/
 * html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End Holly Hack */
    
.clear {
	clear: both;
	margin: 0;
	padding: 0;
}
/*
===== 3.body ======
*/
html {
}
body {
	color: #333333;
	background:#EFEFEF;
}
/*
===== 4.font ======
*/

h1, h2, h3, h4 {
	font-weight: bold;
}
span.note {
	font-weight: bold;
	color: #c30;
}
span.caution {
	color: #c30;
}
#contents h1, #contents h2, #contents h3, #contents h4 {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
#main p {
/* ここでサイズ指定しない：影響が大きすぎのため */
}
img.new {
	margin-left:2px;
	vertical-align:middle;
}
/*
===== 5.base layout ======
*/


#gnavi {
	border-bottom: 3px solid #333333;
	height:23px;}

#contents {
	background: #fff;
	border-top: 1px solid #fff;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	display: block;
	margin: 0px 24px;
}
div#contents {
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	border-bottom: 1px solid #fff;
	display: block;
	margin: 0px;
}
div#contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#contents {
	display: inline-block;
}
/* Holly Hack Targets IE Win only \*/
 * html div#contents {
	height: 1%;
}
div#contents {
	display: block;
}
/* End Holly Hack */



/*
===== 6.parts ======
*/

img.img-right {
	float:right;
	margin:2px 0px 4px 1em;
}/* 右寄せに画像を入れる */
img.img-left {
	float:left;
	margin:2px 1em 4px 0;
}/* 左寄せに画像を入れる */
img.img-center {
	margin:2px auto 4px auto;
}/* 中央に画像を入れる */
/* 2カラムのテーブル組 */
table.column_2 {
	margin-right:-310px;
	width:100%;
}
table.column_2 td.column_left {
	width:50%;
	padding:0 8px 0 0;
}
table.column_2 td.column_right {
	width:50%;
	padding:0 0 0 8px;
}
/* 一覧用 */
table.column_3 {
	margin-right:-310px;
	width:100%;
}
table.column_3 td.column_left {
	width:50%;
	padding:0 8px 4px 0;
	background:transparent url(../images/bar-dot2.gif) repeat-x scroll center bottom;
}
table.column_3 td.column_right {
	width:50%;
	padding:0 0 4px 8px;
	background:transparent url(../images/bar-dot2.gif) repeat-x scroll center bottom;
}
.app {
	margin: 0px 0px 10px 5px;
	overflow:hidden;
}
.app h1 , .article_arena h1{
	background: #333333 url(../images/title.png) repeat-x scroll 0 0;
	margin-bottom:4px;
	padding:2px 0 0 0;
}
.app h1 .apptitle_text , .article_arena h1 .apptitle_text    {
	color: #FFFFFF;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 0 5px 10px;
}

.app h1 .apptitle_a  , .article_arena h1 .apptitle_a{
	background: transparent url(../images/title.png) no-repeat scroll 0 -156px;
	margin: 0px;
	padding: 0px 0px 0px 12px;
}
.app h1 .apptitle_text a , .article_arena h1 .apptitle_text a , {
	color:#fff;/*padding:2px 0 2px 0px;*/
}

.app-inner {
	margin: 0px 0px 10px 0px;
	overflow:hidden;
}

.app h2 {
	background: #fff url(../images/title.png) repeat-x scroll 0 -255px;
	margin-bottom: 4px;
	padding: 2px 0 0;
	border-left: 5px solid #333;
	border-bottom: 1px solid #e8e8e8;
}
.app h2 span {
	color: #0061AD;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 0 5px 5px;
	border-bottom: 1px solid #fff;
}
.apptitle_icon {
	vertical-align:middle;
	padding-right:5px;
}
.app h3, .ad h3 {
	border-bottom: 1px solid #AAAAAA;
	border-top: 3px solid #AAAAAA;
	color: #666666;
	font-size: 80%;
	font-weight: bold;
	margin-bottom: 6px;
	padding: 4px 4px 4px 6px;
}
.app h3 span, .ad h3 span {
	border-left: 6px solid #AAAAAA;
	padding: 0 1px 0 6px;
}
.apptitle_sub_2 {
	background: #E1E1E1 url(../images/title.png) repeat-x scroll 0 -255px;
	padding: 7px 0 0 2px;
	border-left: 5px solid #0D61A4;
	border-bottom: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
}
.apptitle_sub_3 {
	background: url(../images/side_t_bg3.gif) repeat-x;
	padding:7px 4px 0 6px;
	border-left:#CC0000 5px solid;
	border-bottom:#E8E6E6 1px solid;
	margin-bottom:3px;
	margin-top:5px;
}
.apptitle_sub_4 {
	background: url(../images/side_t_bg3.gif) repeat-x;
	padding:7px 4px 0 6px;
	border-left:#0066AA 5px solid;
	border-bottom:#E8E6E6 1px solid;
	margin-bottom:3px;
	margin-top:5px;
}
.apptitle_text_3 {
	display: block;
	padding:0 0 5px 4px;
	font-size: 90%;
	color:#666666;
	font-weight: bold;
}
.apptitle_text_2 {
	color: #666666;
	display: block;
	font-size: 90%;
	font-weight: bold;
	padding: 0 0 5px 4px;
	border-bottom: 1px solid #fff;
}


/*
===== 7.ad ======
*/


.ad {
	overflow:hidden;
}

.ad_info_list {
	margin: 0px 0px 6px 5px;
}
.ad_info_head {
	background: url(../images/ad_info_head_bg.gif) repeat-x bottom;
}
.ad_info_list_contents {
	margin: 0px 0px 6px 0px;
}
.ad_info_list_title {
	font-size:80%;
	margin:0 0 4px;
	padding:0 0 0 21px;
	background: url(../images/icon.png) no-repeat 0px -1094px;
}
.ad_info_list_text {
	margin: 0px 0px 8px 0px;
	font-size: 10px;
	line-height: 12px;
	color: #666666;
}
/*
=== input table ===
*/
table.tbl_app {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border: solid 1px #5F6D93;
	border-collapse:collapse;
}
table.tbl_app td {
	margin: 0px 0px;
	padding: 4px 4px;
	border: solid 1px #5F6D93;
	font-size: 80%;
	text-align: left;
	vertical-align: top;
}
table.tbl_app th {
	padding: 8px 4px;
	background-color: #5F6D93;
	font-weight: bold;
	color: #ffffff;
	text-align:left;
	font-size: 80%;
	vertical-align: top;
}
table.tbl_app td.th {
	background-color: #5F6D93;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
	vertical-align: top;
}
table.tbl_app td.thr {
	background-color: #F0F0DF;
	font-weight: bold;
	text-align: right;
}
table.tbl_app td.sep {
	padding: 4px 4px;
	background-color: #5F6D93;
	font-weight: bold;
	color: White;
}
table.tbl_app td.none table tr td {
	margin: 0px 0px;
	padding: 2px 2px;
	border: solid 0px white;
	font-size: 100%;
}
/* arena */

.article_arena {
	border:1px solid #CCC;
	padding:10px 10px 5px;
	background-color: #FFFFFF;
	background-image: url(../images/arena_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0 0 10px 5px;
}
.article_arena .arena_item {
	display: block;
	float:left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}
.article_arena .arena_item_title {
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin: 4px 0px 4px 0px;/*
	margin-bottom: 4px;
	margin-left: 10px;
	margin-right: 10px;
*/
}
.article_arena .arena_contents {
	float:left;
	border:solid 0px black;
}
.article_arena .arena_img {
	float:left;
	margin-top: 0;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 4px;
	border: 1px solid #CCCCCC;
	padding:1px;
}
.article_arena .arena_summary {
	font-size: 80%;
	line-height: 1.5em;
	_zoom: 1;
	overflow: hidden;

}
.article_arena .arena_img_left {
	float:left;
	padding:0px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 4px;
	margin-left: 0;
	border: 1px solid #CCCCCC;
}
.article_arena .arena_img_sum {
	background: url(../images/sum_img_bg.gif) no-repeat;
	width:90px;
	height:70px;
	padding:5px;
	float:left;
	margin: 4px 0px 0px 14px;
}
.article_arena h2 {
	color:#000000;
	font-size:100%;
	font-weight: bold;
	line-height:1.2em;
	margin-bottom: 8px;
	font-family:"Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
.article_arena .arena_title_2 {
	background:url(../images/b_square.gif) no-repeat 0.2em 0.4em;
	font-size: 90%;
	padding-left: 13px;
	margin-bottom: 8px;
}
.t {
	font-size: 80%;
	text-align:right;
	margin-top: 8px;
	margin-bottom:8px;
}

/* adlink
==================================================================== */
.adlink_box h1.adlink_title{
	background:transparent url(../images/title_adlink.png) repeat-x scroll 0px -19px;
	height: 19px;
	margin:0;
	padding:0;
}
.adlink_box .adlink_title .adlink_title_inner{
	width:92px;
	height:19px;
	background:transparent url(../images/title_adlink.png) no-repeat scroll 0px 0px;
	font-size: 1px;
}
.adlink_box {
	background-color: #FFFFFF;
	padding-bottom:5px;
	overflow: auto;
	width: 100%;
}

.adlink_box .link
{
	margin: 3px 0px 0px 6px;
	padding: 0px 0px 0px 12px;
	font-size: 70%;
	font-weight: normal;
	background-image: url("../images/icon.png");
    background-position: 0 -921px;
	background-repeat: no-repeat;
}

.adlink_box td{
	vertical-align:top;
}

/* special
==================================================================== */
.heder_text{
	margin: 0 0 10px 5px;
}
.heder_text p {
    color: #333;
    font-size: 90%;
    line-height: 1.5;
}