@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------
				:::::	wrapper	:::::
--------------------------------------------------------*/
#wrapper_bottom {
	background-color: #f6f5f5;
	padding-bottom: 15px;
}


/*------- :::::	背景画像指定 ::::: -------*/
#{
}		


/*--------------------------------------------------------
				:::::	上部mainフラッシュ用	:::::
--------------------------------------------------------*/
#main {
	background-image: url(../images/base/back_main_w.png);
	background-repeat: repeat-y;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding-top: 8px;
	padding-right: 18px;
	padding-bottom: 8px;
	padding-left: 18px;
}
* html #main {
	margin-left: 17px;
}

/*------- :::::	Flash下のライン ::::: -------*/
.main_line {
	background-image: url(../images/base/line_main_b.png);
	background-repeat: repeat-x;
	height: 18px;
	margin-top: -14px;
}


/*--------------------------------------------------------
※2012/3/26追加	:::::フラッシュの上にかぶせる画像	:::::
--------------------------------------------------------*/
header .position { position:relative; }
.position .center { position:relative; z-index:10; }

.img { background-color:#000; position:absolute; top:351px; left:0px; z-index:50; }
#makeMeScrollable { width:928px; height:98px; padding:0 1px; }
.scrollableArea img { padding-left:1px; }



/*--------------------------------------------------------
				:::::	navi	:::::
--------------------------------------------------------*/
nav {
	display: block;
	padding-top: 13px;
	padding-bottom: 13px;
}

nav ul {
	height: 28px;
	display: block;
	width: 871px;
	margin-right: auto;
	margin-left: auto;
}

nav ul li {
	float: left;
}
nav ul li a {
	text-indent: -9999px;
	display: block;
}


/*------- :::::	naviのボーダー指定 ::::: -------*/
#TOP {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #e0e0e0;

}
#CP,#RES,#AC,#IM,#REC,#CON {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #e0e0e0;
}
nav ul {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #e0e0e0;
	border-left-color: #FFFFFF;

}

/*------- :::::	naviのパディング指定 ::::: -------*/
#TOP,#TOP a {
	padding-right: 48px;
	margin-top: 0px;
}

#CP,#RES,#AC,#IM,#REC,#CON {
	padding-right: 20px;
	padding-left: 20px;
}

/*------- :::::	naviのサイズ指定 ::::: -------*/
#TOP,#TOP a {
	height: 28px;
	width: 37px;
}
#CP,#CP a {
	height: 28px;
	width: 94px;
}
#RES,#RES a {
	height: 28px;
	width: 44px;
}
#AC,#AC a {
	height: 28px;
	width: 141px;
}
#IM,#IM a {
	height: 28px;
	width: 129px;
}
#REC,#REC a {
	height: 28px;
	width: 62px;
}
#CON,#CON a {
	height: 28px;
	width: 62px;
}
#TOP,#TOP a,#CP,#CP a,#RES,#RES a,#AC,#AC a,#IM,#IM a,#REC,#REC a,#CON,#CON a {
	display: block;
	background-repeat: no-repeat;
	background-position: center;
}


/*------- :::::	naviの画像指定 ::::: -------*/
#TOP {
	background-image: url(../images/base/navi/hover/navi_00.png);
}
#CP {
	background-image: url(../images/base/navi/hover/navi_01.png);
}
#RES {
	background-image: url(../images/base/navi/hover/navi_02.png);
}
#AC {
	background-image: url(../images/base/navi/hover/navi_03.png);
}
#IM {
	background-image: url(../images/base/navi/hover/navi_04.png);
}
#REC {
	background-image: url(../images/base/navi/hover/navi_06.png);
}
#CON {
	background-image: url(../images/base/navi/hover/navi_05.png);
}
/*------- :::::	naviの画像指定(hover) ::::: -------*/
#TOP a {
	background-image: url(../images/base/navi/navi_00.png);
}
#CP a {
	background-image: url(../images/base/navi/navi_01.png);
}
#RES a {
	background-image: url(../images/base/navi/navi_02.png);
}
#AC a {
	background-image: url(../images/base/navi/navi_03.png);
}
#IM a {
	background-image: url(../images/base/navi/navi_04.png);
}
#REC a {
	background-image: url(../images/base/navi/navi_06.png);
}
#CON a {
	background-image: url(../images/base/navi/navi_05.png);
}
/*------- :::::	naviの画像を非表示 ::::: -------*/

#TOP a:hover,#CP a:hover,#RES a:hover,#AC a:hover,#IM a:hover,#REC a:hover,#CON a:hover {
	background-image: none;
}

/*------- :::::	naviのie6ハック ::::: -------*/
* html nav ul {
	width: 793px;
}
* html #TOP,* html #CP,* html #RES,* html #AC,* html #IM,* html #CON,* html #REC {
	display: inline;
}
* html #TOP {
	padding-left: 25px;
}



/*------- :::::	左 ::::: -------*/
#contents #left {
	background-color: #FFFFFF;
	float: left;
	width: 412px;
	padding: 25px;
	border-radius: 8px;        /* CSS3草案 */
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 8px;   /* Firefox用 */
	 position:relative;
	behavior: url(/scripts/PIE.htc);
}
#contents .greeting {
	height: 400px;
}
#contents #left h1 {
	text-align: center;
	margin-bottom: 20px;
}
#contents #left p {
	font-size: 14px;
	line-height: 1.5em;
}

/*------- :::::	右 ::::: -------*/
#contents #r_col {
	width: 462px;
}
#contents #right_back {
	background-color: #FFFFFF;
	border-radius: 8px;        /* CSS3草案 */
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 8px;   /* Firefox用 */
	 position:relative;
	behavior: url(/scripts/PIE.htc);
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 8px;
}
#contents #right_back_02 {
	background-color: #FFFFFF;
	border-radius: 8px;        /* CSS3草案 */
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 8px;
	 position:relative;
	behavior: url(/scripts/PIE.htc);
	margin-bottom: 8px;
	padding: 5px;
}
#contents .long {
	width: 442px;
	float: right;
}
#contents .short {
	width: 256px;
}

.left_qr {
	float: left;
	padding-top: 5px;
	padding-left: 5px;
}

#contents #right_back h2 {
	margin-bottom: 0px;
}
#contents #right_back h2.info,#contents #right_back_02 h2.qr {
	margin-bottom: 3px;
}
#contents #right_back h2.qr {
}
#contents #right_back p,#contents #right_back_02 p {
	font-size: 12px;
}
#contents #right_back a {
	margin-top: 37px;
	font-size: 12px;
	color: #3e74a6;
	text-decoration: none;
}
#contents #right_back a:hover {
	text-decoration: underline;
}

/*------- :::::	右バナー ::::: -------*/
#contents #right_n {
	float: left;
	width: 266px;
	margin-bottom: 12px;
}
#contents #right_n a {
	background-image: url(../images/index/bunner_01_ov.png);
	background-repeat: no-repeat;
	display: inline-block;
}
#contents #right_n a:hover img {
	position: relative;
	z-index: -1;
}
/*------- :::::	電撃ネットワーク ::::: -------*/
#contents .shock {
	width: 187px;
	margin-bottom: 12px;
}
#contents .shock a {
	background-image: url(../images/index/shock_boys_ov.png);
	background-repeat: no-repeat;
	display: inline-block;
}
#contents .shock a:hover img {
	position: relative;
	z-index: -1;
}