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

/* IMPORT CSS
======================================================================
	外部読み込みCSS
====================================================================== */

/* リセットCSS
=====================================*/
@import url("src/reset.css");
/* クロスブラウザ不具合用（clearfixクラスとか・・・・）
=====================================*/
@import url("src/AdditionClass.css");

body{
	text-align: center;
	background: url(../img/header_back.gif) repeat-x;
}
ul{
	list-style:none;
}

/*--- class -----------------*/

.bodyBlock{
	color:#4f839d;
	line-height: 1.4;
}
.bodyBlock p{
	margin-bottom:0.5em;
}
.campaignAttention{
	clear:both;
	font-size:80%;
	line-height: 1.2;
}
.campaignAttention strong{
	color:#c00;
}
.pageTopBtn{
	clear:both;
	margin:0 auto;
	width:820px;
	text-align:right;
}
.attText{
	color:#cc6666;
}

/* header Flash */
#topFlashContainer{
	width:100%;
	height:500px;
}


/* shareCpContainer */
#shareCpContainer{
	margin:0 auto;
	text-align:left;
	width:860px;
	background: url(../img/cp_back.gif) repeat-y;
}
#shareCpTitle{
	position:relative;
	width:860px;
	height:215px;
	margin-bottom:10px;
	background: url(../img/cp_header_back.gif) no-repeat;
}
#shareCpTitle p{
	position:absolute;
	left: -24px;
	top:5px;
	z-index:10;
}
#shareCpTitle ul{
	margin:0 0 0 98px;
}
#shareCpTitle li{
	float:left;
	display: inline;
	margin-top:20px;
	margin-left:25px;
}
#shareCpTitle h2{
	clear: both;
	width:820px;
	margin: 0 auto;
}
#shareCpPresents .bodyTextBlock.tokuNo_1{
	float: left;
	display: inline;
	padding-top: 20px;
	width:480px;
	margin-left:20px;
}
#shareCpPresents .bodyTextBlock.tokuNo_1 b{
	color:#336699;
}
/*------------CP 説明----------------*/
#shareCpAqua{
	float:right;
	display: inline;
	margin-right:20px;
	width:455px;
}
#shareCpAqua h2{
	padding-bottom:30px;
	border-bottom: 1px solid #ccc;
	background: url(../img/arrow_01.gif) no-repeat 0 100%;
}
#shareCpAqua .bodyBlock{
	margin-left:30px;
	width:420px;
}
#shareCpAquaPic{
	margin-left:20px;
}
#shareCpAquaBottom{
	margin:0 30px 40px;
}

#shareCpPresents .bodyTextBlock.tokuNo_2{
	float: left;
	display: inline;
	padding-top: 20px;
	width:480px;
	margin-left:20px;
}
#shareCpPresents .bodyTextBlock.tokuNo_2 b{
	color:#336699;
}
/*--------Presents---------------*/
#shareCpPresents{
	padding-left:10px;
	background: url(../img/arrow_02.gif) no-repeat 0 15px;
}
#shareCpPresents h2{
	width:840px;
	padding-top:60px;
	padding-bottom:10px;
}
*:first-child+html #shareCpPresents h2{
	width:840px;
	padding-top:60px;
	padding-bottom:10px;
	margin-top:14px;
}
* html #shareCpPresents h2{
	width:840px;
	padding-top:60px;
	padding-bottom:10px;
	margin-top:-30px;
}
#shareCpPresents h3{
	clear: both;
}

#shareCpPresents .bodyBlock{
	margin-left:10px;
}

#shareCpPresents .bodyBlock h4{
	font-weight: bold;
	color:#003366;
	font-size:90%;
}


#shareCpPresents .bodyTextBlock.tokuNo_3{
	clear: both;
	margin-left: 10px;
	padding-top: 20px;
}

#shareCpPresents .bodyBlock p{
	line-height: 1.4;
}
#shareCpPresents .picBlock{
	float: left;
	display: inline;
	width:300px;
	margin-left: 10px;
	margin-bottom: 20px;
}

#shareCpPresents h4{
	margin:0 0 10px 20px;
	padding:5px;
	/*width:450px;*/
	/*float: left;*/
	/*display: inline;*/
	border-bottom:1px dotted #91b9d4;
}
#shareCpPresents .TextBox{
	margin-left: 25px;
	/*width:450px;*/
	float: left;
	font-size: 95%;
	display: inline;
}
#shareCpPresents .TextBox h5{
	font-weight: bold;
}
#shareCpPresents .TextBox p{
	margin: 0;
}
#shareCpPresents .TextBox ul{
	padding: 5px;
	/*width:400px;*/
	border: 1px solid #4f839d;
	background: #d9e4ec;
	font-size: 90%;
}


/* --------shareCpPresentsAttention-------- */
#shareCpPresentsAttention{
	clear: both;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	margin: 10px auto;
	padding: 10px;
	width:800px;
	font-size:80%;
	color:#993333;
}
#shareCpPresentsAttention dt,
#shareCpPresentsAttention dd{
	float:left;
	display:inline;
}
#shareCpPresentsAttention dt{
	clear:both;
	width:40px;
	line-height: 1;
	text-align: right;
}
#shareCpPresentsAttention dd{
	margin-left:5px;
	width:755px;	
}
/* --------bottom entry--------------- */
#shareBottomEntry {
	clear:both;
	margin-top:10px;
	padding-top:20px;
	background: url(../img/bottom_entry_top.gif) no-repeat;
}
#shareBottomEntry .entryBtn{
	text-align: center;
	margin-bottom:20px;
}
#shareBottomEntry .campaignAttention{
	padding:0 150px 60px;
	background: url(../img/cp_end.gif) no-repeat 0 100%;
}

/*--------footer---------------*/
#footer{
	clear:both;
	text-align: left;
	margin:10px auto 0;
	width:850px;
	font-size:80%;
	background: url(../img/dot_01.gif);
}

#footer li{
	float:left;
	display: inline;
	line-height:0;
	margin:20px 0 50px 10px;
	padding-left:10px;
	border-left:1px solid #333;
}
#footer .headLi{
	border-left:none;
}
#footer li a{
	display: block;
	line-height: 1;
	color:#333;
}
#footer #footerLogo{
	padding:20px 20px 70px 0;
	text-align: right;
}