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

/* すべて */
* {
	margin: 0;
	padding: 0;
}
body {
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align:center;
}
body div	{text-align:left;}

/* clearfix */
.clearfix:after	{
	content:url(../images/pixel.gif);
	display:block;
	clear:both;
	height:0;
}
.clearfix {
	overflow:hidden;
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

.clear	{
	clear:both;
}

/* 見出し */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
/* リンク */
a, a:link, a:visited {
	color: #333399;
	text-decoration:underline;
}
a:hover {
	color: #333399;
	text-decoration:underline;
}
a:active {
}
/* リンクつき画像 */
a img {
	border: none;
}
/* リスト */
ul	{
	list-style:none;
}
li img	{
	vertical-align:bottom;
}

/* テキスト */
.text_orng	{
	color: #FF6600;
}
.text_blu	{
	color: #0000FF;
}
.text_sky	{
	color: #0066FF;
}
.text_red	{
	color: #FF0000;
}

#wrapper	{
	width:880px;
	margin:0 auto;
}

/* ヘッダー */
#header	{
	width:880px;
	height:130px;
	position:relative;
	background:url(../images/topimag.jpg) left top no-repeat;
}
h1.topline {
	position:absolute;
	top: 0px;
	padding:3px;
	color: #333;
	font-size: 12px;
}
#header div.logo	{
	position:absolute;
	left:30px;
	top:30px;
}
#header div.guide{
	position:absolute;
	right:28px;
	top:16px;
}
#header div.login	{
	position:absolute;
	right:28px;
	top:45px;
}

/* 左カラム */
#left_column	{
	float:left;
	width:200px;
	margin-right:10px;
}
#left_column p	{
	padding:10px 0 10px 0;
	line-height:130%;
	text-align:center;
}
#left_column p img	{
	margin-bottom:5px;
}

#left_column div.facebook	{
	float:left;
	width:200px;
	margin-bottom:10px;
}

#left_column div.twitter {
	float:left;
	width:200px;
	margin-bottom:10px;
}

#left_column div.magazine {
	float:left;
	width:200px;
	text-align:center;
}

/* 右カラム */
#right_column  {
    float:right;
	width:210px;
	margin-top:10px;
	margin-bottom:10px;
}

#right_column h2 {
   padding:5px;
   font-weight:bold;
   color:#fff;
   background:#6E6E6E;
}

#right_column h3 {
   padding:5px;
   font-weight:bold;
   background:#EFEBEF;
}

#right_column ul {
   margin:0;
   padding:0;
   border:1px solid #EFEBEF;
}

#right_column li {
   padding:5px;
   line-height:1;
   list-style:none;
   border-bottom:1px solid #E7E7EF;
}

#right_column li a {
   display:block;
   padding:5px 5px 5px 15px;
   background:url("../images/bg_arrow.gif") 5px 50% no-repeat;
}

#right_column li a:hover {
   display:block;
   color:#333;
   background:#EFEBEF url("../images/bg_arrow.gif") 5px 50% no-repeat;
   text-decoration:none;
}

#icon_column  {
    float:right;
	width:200px;
	margin-top:10px;
	margin-right:50px;
}

#icon2_column  {
    float:right;
	width:200px;
	margin-top:10px;
	margin-right:20px;
}

/* コンテンツ */
#main_column	{
	float:left;
	width:670px;
	margin-bottom:5px;
}

#main_column p	{
	padding:10px 0 10px 0;
	font-size: 14px;
	line-height:150%;
	color: #333333;
}
#free_column	{
	float:left;
	width:670px;
	height:205px;
	position:relative;
}
#free_column div.form	{
	position:absolute;
	right:10px;
	bottom:10px;

}

#free_column2	{
	float:left;
	width:670px;
	height:279px;
	margin-bottom:12px;
	position:relative;
}
#free_column2 div.form	{
	position:absolute;
	right:56px;
	bottom:21px;

}

#sub_column	{
	float:left;
	width:670px;
}

#sub_column p	{
	padding:10px 5px 10px 13px;
	font-size: 14px;
	line-height:150%;
	color: #333333;
}

#mailmagazine_backnum_column	{
	float:left;
	width:530px;
	margin-bottom:15px;
	margin-left:90px;
}

#mailmagazine_backnum_column p	{
	padding:10px 0 10px 0;
	font-size: 14px;
	line-height:150%;
	color: #333333;
}

#newsletter_backnum_column	{
	float:left;
	width:650px;
	margin-bottom:15px;
}

#newsletter_backnum_column div.txtbox	{
	padding:0px 20px 0px 20px;
}

#newsletter_backnum_column div.form	{
margin-left:10px;

}

#newsletter_backnum_column div.txtbox2	{
    margin:10px 10px 10px 20px;
}

#newsletter_backnum_column p	{
	padding:10px 0 10px 0;
	font-size: 14px;
	line-height:150%;
	color: #333333;
}

/* トップページ動画box */
#box_column  {
    float:right;
	width:650px;
	height:300px;
	margin-top:5px;
	margin-right:10px;
	margin-bottom:13px;
}

#box_column h2 {
   padding:5px;
   font-weight:bold;
   color:#fff;
   background:#6E6E6E;
}

#box_column h3 {
   padding:5px;
   font-weight:bold;
   background:#EFEBEF;
}

#box_column div.movie_box {
	float:left;
	width:300px;
	height:230px;
	margin-top:10px;
	margin-bottom:5px;
	margin-right:5px;
}

#box_column div.list {
	float:right;
	width:300px;
	height:240px;
	margin-top:15px;
	margin-left:10px;
	margin-right:20px;
}

#box_column div ul {
   margin:0;
   padding:0;
   border:1px solid #EFEBEF;
}

#box_column div li {
   padding:5px;
   line-height:1;
   list-style:none;
   border-bottom:1px solid #E7E7EF;
}

#box_column div li a {
   display:block;
   padding:5px 5px 5px 15px;
   background:url("../images/bg_arrow.gif") 5px 50% no-repeat;
}

#box_column div li a:hover {
   display:block;
   color:#333;
   background:#EFEBEF url("../images/bg_arrow.gif") 5px 50% no-repeat;
   text-decoration:none;
}


/* トップページ動画 */
#movie_column	{
	float:right;
	width:300px;
	margin:0 10px 0 0px;
	text-align:center;
}

#movie_column2	{
	float:right;
	width:310px;
	margin:0 15px 0 5px;
	text-align:center;
}

/* トップページ動画の右横ボタン */
#botton_column	{
	float:right;
	width:330px;
	text-align:center;
	margin:0 20px 0 0px;
}

#botton_column p	{
    padding:0 0 12px 0;
}

/* ニュース */
#news_column {
    width:670px;
	height:46px;
	position:relative;
    background-image:url(../images/news01.jpg);
	float:right;
	margin-top:15px;
}

#news_column div.backnum {
	position:absolute;
	right:50px;
	top:11px;
}

/* ニュースコンテンツ */
#news_contents {
	float:right;
	width:670px;
}

/* amazonリンク */
#amazon_column {
	float:right;
	width:665px;
	margin-top:25px;
	margin-bottom:15px;
}

/* フッターコンテンツ */
#footer_contents	{
	clear:both;
	width:880px;
	text-align:center;
	padding:10px 0 10px 0;
}
#footer_contents	a {
	margin: 0 5px;
}
#footer_contents p	{
	padding-top:20px;
	font-size: 12px;
}

/* フッター */
#footer	{
	clear:both;
	text-align:center;
	padding:10px 0 20px 0;
}
#footer p	{
	padding-top:20px;
	font-size: 12px;
	line-height:130%;
	color: #333399;
}
#footer div.footermap {
	float:left;
	width:680px;
	text-align:left;
	font-size:12px;
	line-height:180%;
	margin-top:10px;
	margin-bottom:15px;
	margin-left:100px;
	margin-right:100px;
}
#footer div.footermap div {
	clear: both;
}
#footer div.footermap a {
	margin-right: 16px;
	display: block;
	float: left;
}


/* ニュース */
.font01 {
	font-size: 12px;
	font-style: normal;
	line-height:150%;
	font-weight: normal;
	color: #333333;
}
.font02 {
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #FF9900;
}
.font03 {
	font-size: 14px;
	line-height:130%;
	color: #E6FDFF;
}
.font04 {
	font-size: 12px;
	line-height:120%;
	color: #003399;
}

.font05 {
	font-size: 14px;
	line-height:150%;
	color: #FF6600;
}

.font06 {
	font-size: 14px;
	line-height:150%;
	color: #FF3399;
	font-weight: bold;
}

.font07 {
	font-size: 14px;
	line-height:150%;
	color: #66CC00;
	font-weight: bold;
}

.font08 {
	font-size: 14px;
	line-height:150%;
	color: #0099FF;
}

.font09 {
	font-size: 14px;
	line-height:150%;
	color: #FF3399;
}

.font10 {
	font-size: 14px;
	line-height:150%;
	color: #0099FF;
	font-weight: bold;
}

.font11 {
	font-size: 14px;
	line-height:150%;
	color: #FF6600;
	font-weight: bold;
}

.font12 {
	font-size: 14px;
	line-height:150%;
	color: #FF0000;
	font-weight: bold;
}

.font14 {
	font-size: 14px;
	line-height:170%;
	color: #000000;
}


.font16 {
	font-size: 16px;
	line-height:170%;
	color: #000000;
}

.font18_o {
	font-size: 18px;
	line-height:150%;
	color: #FF6600;
	font-weight: bold;
}

.font16_black {
	font-size: 16px;
	line-height:170%;
	font-weight:bold;
	color: #000000;
}

/* 自由文字 */

.font16_cha {
	font-size: 16px;
	line-height:170%;
	font-weight:bold;
	color: #660000;
}

.font36_black {
	font-size: 36px;
	line-height:170%;
	font-weight:bold;
	color: #000000;
}

.font20_black {
	font-size: 20px;
	line-height:170%;
	font-weight:bold;
	color: #000000;
}

.font16_white{
    font-size:16pt;
	line-height:119%;
	font-family:HGS創英角ｺﾞｼｯｸUB;
    color:white;
}

.font18_per{
    font-size:18.0pt;
    line-height:119%;
	font-family:Verdana;
	color:#6600FF;
	font-weight:bold;
}

.font18_red {
	font-size: 18px;
	line-height:170%;
	font-family:Verdana;
	font-weight:bold;
	color:red;
}

.font18_bul {
	font-size: 18px;
	line-height:170%;
	font-family:Verdana;
	font-weight:bold;
	color:#0099FF;
}

/* テーブル */

.table01 td {
    border:1px solid #84552B;
    padding: 5px;
    border-collapse:collapse;
    background-color:#FBF5DF;
}

.table02 td {
    border:1px solid #000000;
    padding: 8px;
    border-collapse:collapse;
    background-color:#FFFFFF;
}

.table03 td {
    border:1px solid #003399;
    padding: 0;
    border-collapse:collapse;
}

.table04 td {
    padding: 0;
	background-color:#FFFFCC;
    border-collapse:collapse;
}

.table05 td {
    padding: 0;
    border-collapse:collapse;
}

.table_normal td {
	padding:10px 13px 10px 0;
	font-size: 14px;
	line-height:150%;
	color: #333333;
}

.table_standerd td {
	padding:10px 0 10px 0;
	font-size: 14px;
	line-height:150%;
	color: #333333;
}

.table_font td {
    border:1px solid #00CCFF;
    padding: 3px;
    border-collapse:collapse;
	font-size: 12px;
    background-color:#FFFFCC;
}

#apDiv1 {
	position:absolute;
	left:325px;
	top:555px;
	width:478px;
	height:293px;
	z-index:1;
}
/* 画像の余白 */

img.left_space	{
margin-left:15px;
}