@charset "UTF-8";
/*リセット*/
body,p,h1,h2,h3,h4,h5,ul,li,dl,dt,dd,th
{
margin:0; padding:0;
font-size:medium;
font-weight:normal;
 }
img,a{ border:none; }
li{ list-style:none; }






/*

ボディ設定

*/
body
{
	background:#FFF;
	
}




p
{
	line-height:1.5em;
	font-size:0.875em;
	color:#28030c;
}







/*

リンク設定

*/
a{color:#7d0000;}
a:visited{color:#7d0000;}
a:hover{color:#b4589e;}




/*

共通クラス

*/
.clear{clear:both;}
.clearfix:after {  
   visibility: hidden;  
   display: block;  
   font-size: 0;  
   content: " ";  
   clear: both;  
   height: 0;  
   }  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */




/*マージン*/
.ma_top10{margin-top:10px;}
.ma_top20{margin-top:20px;}
.ma_top30{margin-top:30px;}

.ma_right10{margin-right:13px;}
.ma_right20{margin-right:20px;}

/*フォントカラー*/
.red{color:#a40000;}

.none{display:none;}










/*---------------------------------------*/



/*


.footer



*/
div.footer
{
	width:100%;
	height:54px;
	background:url(../images/bg_footer.gif) repeat-x;
	position:fixed;
	bottom:0;
	z-index:1000;
	clear:both;
	

}

div.footer div.footer_wrap
{
	padding:0 15px;
}

div.footer p.logo
{
	background:url(../images/logo_footer.png) no-repeat;
	width:455px;
	height:38px;
	margin-top:8px;
	text-indent:-9999px;
	float:left;
}

div.footer p.logo a
{
	display:block;
	width:455px;
	height:38px;
}


div.footer p.gototop
{
	width:32px;
	height:32px;
	background:url(../images/gototop.jpg) no-repeat;
	text-indent:-9999px;
	float:left;
	margin-right:4px;
}

div.footer p.gototop a
{
	display:block;
	width:32px;
	height:32px;
}

div.footer div.addthis_toolbox
{
	float:right;
	margin-top:11px;
	width:281px;
}

/*.facebook*/


div.facebook
{
	width:100%;
	background:url(../images/bg_facebook.gif) repeat-x;
	height:280px;
	padding-top:20px;
} 

div.facebook iframe
{
	width:940px;
	margin:0 auto;
	display:block;
	background:#FFF;
}



/*------*/


div.container
{
	width:100%;
	background:#8bc31f;
	position:relative;
	padding-bottom:54px;
}

*html div.container
{
	padding-bottom:0;
}

div.container div.wrap
{
	width:960px;
	margin:0 auto;
	padding-bottom:54px;
	background:#FFF;
}

div.container div.wrap p.copyright
{
	text-align:center;
	margin-top:40px;
	color:#666;
	font-size:12px;
}

/*------*/




/*


.header


*/

div.header
{
	width:100%;
	height:40px;
	background:url(../images/header_bg.gif) left center repeat-x;
	position:fixed;
}

div.header div.header_wrap
{
	width:960px;
	margin:0 auto;
	padding:0;
}

div.header div.header_wrap p.tce
{
	width:195px;
	float:left;
	line-height:40px;
	padding-top:4px;
	padding-left:20px;
}

div.header div.header_wrap p.tce a
{
	background:url(../images/header_logo_tce.png) no-repeat;
	width:195px;
	height:32px;
	text-indent:-9999px;
	display:block;
}

div.header div.header_wrap p.twitter
{
	width:143px;
	float:left;
	line-height:40px;
	padding: 6px 20px 0 20px;
}

div.header div.header_wrap p.twitter a
{
	background:url(../images/header_logo_twitter.png) no-repeat;
	width:143px;
	height:33px;
	display:block;
	text-indent:-9999px;
}


div.header div.header_wrap ul
{
	width:442px;
	float:left;
	padding:0 60px;
	background:url(../images/header_kugiri.gif) no-repeat right center;
}

div.header div.header_wrap ul li
{
	float:left;
	font-size:14px;
	color:#aeaeae;
	line-height:40px;
	height:40px;
	padding:0 10px;
}

* html div.header div.header_wrap ul li
{
	padding:0;
}


div.header div.header_wrap ul li a
{
	display:block;
	height:40px;
	text-decoration:none;
	color:#aeaeae;
	padding:0 10px;
}


* html div.header div.header_wrap ul li a
{
	padding:0;
}



div.header div.header_wrap ul li a:hover{color:#FFF;background:#000;}

div.header div.header_wrap ul li.navi_01,div.header div.header_wrap ul li.navi_01 a
{
	width:42px;
}

div.header div.header_wrap ul li.navi_02,div.header div.header_wrap ul li.navi_02 a
{
	width:56px;
}

div.header div.header_wrap ul li.navi_03,div.header div.header_wrap ul li.navi_03 a
{
	width:56px;
}

div.header div.header_wrap ul li.navi_04,div.header div.header_wrap ul li.navi_04 a
{
	width:112px;
}

div.header div.header_wrap ul li.navi_05,div.header div.header_wrap ul li.navi_05 a
{
	width:56px;
}



/*


.top


*/
div.top
{
	width:920px;
	margin:0 auto;
	padding-top:60px;
}

*html div.top
{
	padding-top:10px;
}


div.top div.left
{
	width:530px;
	float:left;
}

div.top div.left h1
{
	background:url(../images/top_title_cmp.jpg) no-repeat;
	width:530px;
	height:342px;
	text-indent:-9999px;
}

div.top div.left h2
{
	background:url(../images/top_copy.gif) no-repeat;
	width:530px;
	height:123px;
	text-indent:-9999px;
	margin-top:40px;
}

div.top img
{
	width:370px;
	float:right;
}

/*


.item


*/

p.item
{
	background:url(../images/item.jpg) no-repeat;
	width:920px;
	height:408px;
	text-indent:-9999px;
	margin:20px auto 0 auto;
}



/*


.product


*/

div.product
{
	width:920px;
	margin:40px auto 0 auto;
}



div.product div.left
{
	width:320px;
	float:left;
	text-align:center;
	padding:20px 0;
}

div.product div.left p.release
{
	color:#8bc31f;
	font-size:24px;
	font-weight:bold;
	margin-top:5px;
}

div.product div.left p.price
{
	font-size:0.75em;
	color:#333;
	margin-top:3px;
}

div.product div.left p.p
{
	font-size:0.75em;
	color:#666;
	margin-top:3px;
}


div.product div.right
{
	width:550px;
	float:right;
	padding:20px 0;
}

div.product div.right h2
{
	font-size:36px;
	font-weight:bold;
	color:#000;
	line-height:1;
}

div.product div.right h3
{
	font-size:20px;
	font-weight:bold;
	color:#8bc31f;
	line-height:1.5;
	margin-top:15px;
}

div.product div.right p
{
	font-size:0.875em;
	color:#333;
	line-height:1.5;
	margin-top:15px;
	
}


div.product div.right ul
{
	width:510px;
	padding:10px;
	border:#afafaf 1px solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-top:20px;
}


div.product div.right ul li
{
	line-height:1.5em;
	font-size:0.875em;
	background:url(../images/arrow.gif) no-repeat left center;
	padding-left:21px;
}



/*


.summary


*/

div.summary
{
	width:920px;
	margin:40px auto 0 auto;
}

div.summary h2
{
	font-size:36px;
	font-weight:bold;
	text-align:center;
}

div.summary table
{
	border-top:1px solid #afafaf;
}

div.summary table tr
{
	
}

div.summary table th,div.summary table td
{
	border-bottom:1px solid #afafaf;
}

div.summary table th
{
	width:160px;
	font-size:18px;
	font-weight:bold;
	text-align:right;
	padding:15px 30px 15px 0;
}

div.summary table td
{
	padding:15px 30px 15px 0;
}

div.summary table td.period
{
	font-size:36px;
	font-weight:bold;
	color:#8bc31f;
}

div.summary table td ul li
{
	line-height:1.5;
	font-size:16px;
	color:#333;
}

div.summary table td ul li span{ font-size:12px; color:#666;}



/*


.summary


*/

div.join
{
	width:920px;
	margin:40px auto 0 auto;
}

div.join h2
{
	background:url(../images/h_sanka.gif) no-repeat;
	width:920px;
	height:46px;
	text-indent:-9999px;
}

div.join p.p_01
{
	font-size:18px;
	font-weight:bold;
	color:#8bc31f;
	text-align:center;
	margin-top:30px;
}

div.join p.p_01 a
{
	color:#8bc31f;
	text-decoration:underline;
}

div.join p.p_01 a:hover
{
	color:#56c3f0;
	
}

div.join h3
{
	font-size:30px;
	font-weight:bold;
	color:#000;
	line-height:1.5;
	text-align:center;
	margin-top:20px;
}

div.join h3 span
{
	font-size:24px;
}

div.join h3 a
{
	text-decoration:none;
	color:#000;
}

div.join h3 a:hover
{text-decoration:underline;}


div.twitter_follow
{
	width:620px;
	padding:5px 20px;
	border-top:#d4e6f3 1px solid;
	border-bottom:#d4e6f3 1px solid;
	background:#eef9fd;
	margin:30px auto 0 auto;
}


div.join div.twitter_follow p.p
{
	width:280px;
	float:left;
	font-weight:bold;
	font-size:18px;
	color:#086392;
	margin-right:20px;
}

div.join div.twitter_follow  p.follow
{
	width:150px;
	float:left;
}


div.join textarea.tweet
{
	width:620px;
	font-size:14px;
	padding:10px 20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:#afafaf 1px solid;
	margin:20px auto 0 auto;
	display:block;
	line-height:1.5;
}







/*


.attention


*/

div.attention p.btn_attention
{
	padding:5px 0;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	color:#333;
	cursor:pointer;
	margin-top:30px;
	background:#eeeeee;
}


div.attention p.btn_attention:hover
{
	background:#bfc5d1;
}


div.attention div.box
{
	background:url(../images/bg_caution.gif);
	color:#FFF;
	padding:20px 0;
	display:none;
	box-shadow:inset 0 2px 2px #545c6a;
	-moz-box-shadow:inset 0 2px 2px #545c6a;
	-webkit-box-shadow:inset 0 2px 2px #545c6a;
	-o-box-shadow:inset 0 2px 2px #545c6a;
}

div.attention div.box div.content
{
	width:780px;
	margin:0 auto;
	
}

div.attention div.box div.content h3
{
	font-size:18px;
	margin-top:20px;
}


div.attention div.box div.content ul{margin-top:10px;}

div.attention div.box div.content ul li
{
	line-height:1.5;
	font-size:0.75em;
	padding-left:1em;
	text-indent:-1em;
}

div.attention div.box div.content p.toiawase
{
	font-size:0.875em;
	margin-top:15px;
	color:#FFF;
}


div.attention div.box div.content p
{
	font-size:0.75em;
	margin-top:5px;
	color:#FFF;
}



p.btn_tweet
{
	width:354px;
	height:111px;
	margin:30px auto 0 auto;
	text-indent:-9999px;
}

p.btn_tweet a
{
	background:url(../images/btn_rt.jpg) no-repeat;
	width:354px;
	height:111px;
	display:block;
}