/* CSS Document */

@charset "shift_jis";

/* rollover
----------------------------------------------------*/
a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
}

/*
 マージントップ  [
----------------------------------------------------------- */
.Top10{ margin-top:10px;}
.Top20{ margin-top:20px;}



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

#container {
    margin: 0 auto;
    width: 780px;
}
#pageBody {
    margin: 0 auto 10px;
    width: 780px;
	border:1px solid #000000;
	padding-bottom:10px;
}
#contents {
	width:780px;
    margin: 0 auto;
    text-align: center;
}
#contents {

	background-image:url(../../summer_2011/images/contentsBg.gif);
	background-repeat:repeat-y;
	background-image:none;
}

#contents_in {
    margin: 0 auto 5px;
    text-align: center;
    width: 760px;
}
#area {
    margin: 0;
    padding: 5px 0;
    width: 760px;
   display: block;
}
#area {
    background-color: #FFFFFF;
	text-align:right;
}
.to_pagetop {
    color: #666666;
    font-size: 65%;
    height: auto !important;
    min-height: 10px;
    text-align: right;
	margin-top:20px;
    width: 740px;
}
.style{
    text-align: left;
    margin: 0 auto 10px;
	}
	
/******　style-ご利用上の注意　*******/
#tos_style{
    text-align: left;
    margin: 0 auto 10px;
    width: 720px;
	}
#tos_style_in{
    text-align: left;
    margin: 10px;
	}
#tos_style ul {
    padding: 5px 0 10px 10px;
    text-align: left;
}

#tos_style ul li {
    color: #4F4E4D;
    font-size: 78%;
    line-height: 150%;
}

/* -------------------------------------------------------------------------------
----デザイン------------------------------------------------------------
------------------------------------------------------------------------------- */
/******　テキストスタイル　*******/
.Large1 {
    font-size: 105%;
}
.Small {
    font-size: 80%;
}
.bold {
    font-weight: bold;
}
.index_h1 {
    color: #666666;
    display: block;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 0;
    text-align: right;
    width: 780px;
}
#area p{
    color: #333333;
    font-size: 75%;
    padding:0 10px;
}
/******　文字を背景画像に　*******/
.TopixBg {
    outline: medium none;
    text-decoration: none;
    text-indent: -9999px;
	background-repeat:no-repeat;
    display: block;
}
/******　ボタンを真ん中に　*******/
.buttonBox {text-align: center;}

/******　テキストリンクを画像に　*******/
a.Btn {
    display: block;
    text-indent: -9999px;
    margin: 0 auto;
    padding: 0;
    background-position: left top;
    background-repeat: no-repeat;
}
a.Btn:hover {
    background-position: left bottom;
}

.socialIcon {
	margin-top:40px;
	}


/***************************　BOX　****************************/
/******　Stepの時のサイズ例　*******/

.Step {
    margin: 0 auto;
    text-align: left;
    width: 712px;
	height: 312px;  
}
/******　Step　*******/
.Step .cell{
    display: block;
}
/******　2カラムの時のサイズ例　*******/

.Column2 {
    margin: 0 auto;
    text-align: left;
    width: 712px;
	height: 312px;  
}

/******　2カラム　*******/
.Column2 .cell{
    display: block;
    float: left;
}

.Column2 .cellLast {
    display: block;
    float:  right;
}
.Column2 .cell{
    margin: 0 10px 0 0;
    padding: 0;
    width: 351px;
}
.Column2 .cellLast{
    margin: 0;
    padding: 0;
    width: 351px;
}
/******　4カラムの時のサイズ例　*******/

.Column4 {
    margin: 0 auto;
    text-align: left;
    width: 735px;
	height: 100px;  
}
/******　4カラム　*******/
.Column4 .cell,
.Column4 .cellLast {
    display: block;
    float: left;
}
.Column4 .cell{
    margin: 0 5px 0 0;
    padding: 0;
    width: 180px;
}
.Column4 .cellLast{
    margin: 0;
    padding: 0;
    width: 180px;
}

/* -------------------------------------------------------------------------------
----メイン画像------------------------------------------------------------
------------------------------------------------------------------------------- */

#contents_in {
	background-color:#FFFFFF;
	padding:5px 0 0 0;

}
/******　メイン　*******/
.kimg_h2 {
	margin-bottom:10px;
}
#Topiximg01{ background-image: url(../images/headerTopix01.jpg);height:139px;}
#Topiximg02{ background-image: url(../images/headerTopix02.jpg);height:110px;}
#Topiximg03{ background-image: url(../images/headerTopix04.jpg);height:280px;}
#term{background-image: url("../images/term.jpg"); height: 63px;}


/* -------------------------------------------------------------------------------
----style01------------------------------------------------------------
------------------------------------------------------------------------------- */

/******　style96(2012/8/28修正分)　*******/
#style94 {
	background-color:#e8e8e8;
	width:760px;
}
#style95 {
	margin-left:20px;
	margin-bottom:10px;
	color: #ff0000;
	font-size: 78%;
	background-color:#e8e8e8;
        text-align:left;
}
#style96 {
	margin-left:60px;
	margin-bottom:10px;
	color: #ff0000;
	font-size: 78%;
        text-align:left;
}

/******　style98(2012/7/27修正分⇒8/8削除)　*******/
/*
#style97 {
	color: #ff0000;
	background-color:#d3d3d3;
	width:730px;
	padding:5px 0 10px 0;
        margin-bottom:10px;
        text-align:left;
        font-weight :bold;
       	font-size: 80%;
}

#style98 {
	color: #ff0000;
	background-color:#d3d3d3;
	width:760px;
	padding:5px 0 10px 0;
        margin-bottom:10px;
        text-align:left;
        font-weight :bold;
       	font-size: 80%;
}
*/
/******　style99(2012/6/28修正分)　*******/
#style99 {
	margin-left:60px;
	color: #ff0000;
	font-size: 78%;
}

/******　style01　*******/

#style01 {
    margin: 0 auto;
    text-align: left;
    width: 712px;
	padding: 8px 0;
	height: auto;
    
}


/******　Column1背景　*******/
#style01 .Column1{
	height:212px;
    width: 712px;
	margin:0;
	background-image: url(../images/style01cellbg.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	text-align:center;
}


.fontstyle{
    color: #4F4E4D;
    font-size: 78%;
    line-height: 150%;
	text-align:left;
	padding:0 ;
	margin:0 24px 10px;
	display:block;
}
#style01 .Column1 .cell .imgstyle{
	width:268px;
	margin:0 30px 0 58px;
	text-align:left;
	padding:0 ;
	display:block;
}

/******　Column1背景　*******/
#style01 .Column_1{
	height:270px;
    width: 712px;
	margin:0;
	background-image: url(../images/style_01cellbg.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	text-align:center;
}


#style01 .Column_1 .fontstyle{
    color: #4F4E4D;
    font-size: 78%;
    line-height: 150%;
	width:625px;
	text-align:left;
	padding:0 ;
	margin:0 24px 0 63px;
	display:block;
}
#style01 .Column_1 .cell .imgstyle{
	width:268px;
	margin:0 30px 0 58px;
	text-align:left;
	padding:0 ;
	display:block;
}
/******　Column内　*******/
#style01Topiximg{ background-image: url(../images/style01Topiximg.jpg);height:77px;}


/******　Column内ボタン　*******/
#style01Btn{
	background-image: url(../images/style01BTN.jpg);
	width: 519px;
	height: 50px;
	margin-top: 0;
	margin-right: 139px;
	margin-bottom: 0;
	margin-left: 110px;
}

/* -------------------------------------------------------------------------------
----「A」のBOX用------------------------------------------------------------
------------------------------------------------------------------------------- */

.A_box{
	background:url(../images/honshi_2013_bg003.gif) bottom no-repeat;
    padding-bottom: 9px;
    margin-bottom: 20px;
	}
.A_box .A_title{
	background:url(../images/honshi_2013_bg001.gif) bottom no-repeat;
	height:80px;
	}
.A_box .A_title img{
    margin: 30px 0 10px 20px;
	}
.A_box .A_tx_back{
	background:url(../images/honshi_2013_bg002.gif) repeat-y ;
	width:760px;
	}
.A_box .A_tx {
    font-size: 12px;
    padding: 0 30px 20px 40px;
    text-align: left;
	}
.A_box .A03_bt001{
    padding:0 0 10px 15px;
	}

/* -------------------------------------------------------------------------------
----style02------------------------------------------------------------
------------------------------------------------------------------------------- */
#style02_B{
	background:url(../images/honshi_2013_bg004.gif) no-repeat;
	width:760px;
	height:186px;
    position: relative;
	}
#style02_B .B01{
    left: 80px;
    position: absolute;
    top: 35px;
	}
#style02_B .B02{
    font-size: 12px;
    left: 40px;
    position: absolute;
    top: 75px;
	}
#style02_B .B03{
    left: 30px;
    position: absolute;
    top: 105px;
	}
	

/* -------------------------------------------------------------------------------
----style03------------------------------------------------------------
------------------------------------------------------------------------------- */
/******　style03　*******/

#style03 {
    margin: 0 auto 10px;
	_margin:0 0 10px 40px;
    text-align: left;
    width: 712px;
	padding: 8px 0;
	height: auto;    
}
#style03_in {
    margin: 0 auto;
    text-align: left;
    width: 712px;
	padding:0 0 11px 0;
	height: auto;
	background-image: url(../images/style03_inbg.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
    
}
#style03 .Step{
    width: 712px;
	height:auto;
	padding:20px 0 0;
	background-image: url(../images/style03Stepbg.gif);
	background-repeat:repeat-y;
	}

#style03 .Step .cell{
	height:auto;
    width: 670px;
	margin:0 21px;
	padding:0;	
	background-image: url(../images/style03Stepcellbg.gif);
	background-repeat: repeat-y;
	text-align:center;
	}
#style03 .Step .cell_in{
	height:auto;
    width: 670px;
	margin:0;
padding:0 0 50px 0;
	background-image: url(../images/style03Stepcell_inbg.gif);
	background-repeat:no-repeat;
	background-position:left bottom;	
	text-align:center;
	}
	
#style03 .Step .cell_inLast{
	height:auto;
    width: 670px;
	margin:0;
padding:0 0 20px 0;
	background-image: url(../images/style03Stepcell_inbg_2.gif);
	background-repeat:no-repeat;
	background-position:left bottom;	
	text-align:center;
	}		
#style03 .Step .step_in{
    width: 710px;
	margin:0;
	padding:20px 0 0 0;
	background-image: url(../images/style03Stepstep_inbg.gif);
	background-repeat:no-repeat;
	background-position:left top;	
	text-align:left;
	}	

/******　style03Topix　*******/
#style03Topiximg{
    background-image: url(../images/style03Topiximg.gif);
    height: 46px;
	margin-top:20px;
}
/******　style03コンテンツ内　*******/

#style03 .Step .stepbox{
	width:53px;
	height:60px;
	text-align:left;
	padding:0 ;
	margin:0 10px 15px 10px;
	display:block;
    text-indent: -9999px;
	float:left;
	background-repeat:no-repeat;
}

#style03 .Step #step_01{background-image:url(../images/Step01.gif);}
#style03 .Step #step_02{background-image:url(../images/Step02.gif);}
#style03 .Step #step_03{background-image:url(../images/Step03.gif);}
#style03 .Step #step_04{background-image:url(../images/Step04.gif);}
#style03 .Step #step_05{background-image: url(../images/Step05.gif);}

#style03 .Step .fontstyle{
    color: #4F4E4D;
    font-size: 78%;
    line-height: 150%;
	text-align:left;
	padding:0 ;
	margin:0;
	width:580px;
	height:auto;
	display:block;
	}
	
#step_03 .Step .stepbox{
	width:53px;
	height:200px;
	text-align:left;
	padding:0 ;
	margin:0 10px;
	display:block;
    text-indent: -9999px;
	float:left;
	background-repeat:no-repeat;
}


.h50Box{ height:50px;}

/* -------------------------------------------------------------------------------
----ご利用上の注意------------------------------------------------------------
------------------------------------------------------------------------------- */
#tos_style_in{
    margin:20px 10px 10px 10px;
	}
#tos_style{
    background-color: #FFFFFF;
   /* -- border: 3px solid #046BF4;---- */
	}
#tos_style ul {
    padding: 0 0 10px 0;
}
#tos_styleTopiximg01{
    background-image: url(../images/tos_styleTopiximg01.gif);
    height: 40px;
	background-color: #046BF4;

}
#tos_styleTopiximg02{
    background-image: url(../images/tos_styleTopiximg02.gif);
    height: 18px;
	border-bottom: 1px solid #fb7b17;
	padding:0 0 3px 0;
}
#tos_styleTopiximg03{
    background-image: url(../images/tos_styleTopiximg03.gif);
    height: 18px;
	border-bottom: 1px solid #fb7b17;
	padding:0 0 3px 0;
}
#tos_styleTopiximg04{
    background-image: url(../images/tos_styleTopiximg04.gif);
    height: 18px;
	border-bottom: 1px solid #fb7b17;
	padding:0 0 3px 0;
}
#tos_styleTopiximg05{
    background-image: url(../images/honshi_2013_tx001.gif);
    height: 18px;
	border-bottom: 1px solid #fb7b17;
	padding:0 0 3px 0;
}

#tos_style  li .txtcolor{
    color: #ff6811;
}
#tos_style ul.txtRed li {
    color: #CC0000;
}

/* -------------------------------------------------------------------------------
----style04------------------------------------------------------------
------------------------------------------------------------------------------- */
/******　style04　*******/

#style04 {
    margin: 0 auto;
    text-align: center;
    width: 712px;
	padding: 15px 8px 8px 8px;
	height: auto;
    
}


/******　Column内ボタン　*******/
#style04Btn{background-image: url(../images/style04BTN.jpg);width: 596px;height: 73px;}


.ponpare_attention{
	width: 700px;
	line-height: 120%;
	text-align: left;
	margin: 0 auto;
	padding: 10px;
	font-size: 80%;
	font-weight: bold;
	color: #F00;
	background-color: #e8e8e8;
}

.ponpare_attention2{
	line-height: 120%;
	text-align: left;
	margin: 0 auto;
	color: #F00;
}


/* -------------------------------------------------------------------------------
----2012/03/21追加⇒2012/04/11一部修正--------------------------------------------
------------------------------------------------------------------------------- */

#step01_campaignbox {
	width: 646px;
	margin:0 auto;
	margin-left:50px;
	text-align: center;
}

#step01_campaignbox ul{
	height:133px;
}

#step01_campaignbox li{
margin:5px 10px 0 10px;
}


#style03Btn{
	background-image: url(../images/style04BTN.gif);
	width: 596px;
	height: 73px;
	text-align:center;
	margin-top: 18px;
}

#style04Btn{
	background-image: url(../images/style04BTN.gif);
	width: 596px;
	height: 73px;
	float: left;
	margin-top: 18px;
}

#style05-01Btn{
	background-image: url(../images/serialinput08.gif);
	width: 298px;
	height: 93px;
}
#style05-02Btn{
	background-image: url(../images/serialinput10.gif);
	width: 298px;
	height: 93px;
}

#style09Btn{
	background-image: url(../images/style04BTN.gif);
	width: 596px;
	height: 73px;
	float: left;
	margin-top: 18px;
}

#step02_campaignbox {}

#step02_campaignbox ul{
width:678px;height:93px;padding:0 0 0 42px;}

#step02_campaignbox li {
	width: 318px;
	float:left;
	}
.midashi_title{
	font-size: 80%;
	}
	
.book_list{
	padding-bottom: 5px;
	width: 150px;
	}

.fr{float:right}
.fl{float:left}
.clear{clear:both;}


.point span {
	display:none;
}
.point a {
	margin: 0 auto;
	display: block;
	width: 596px;
	height: 73px;
	background: url(https://www.jalan.net/campaign/mook_2011/images/style04BTN.gif);
}
.point a:hover {
	width: 596px;
	height: 73px;
	background-position: bottom;
}