@charset "utf-8";

/* ===== 全体の設定 ===== */
/* 全体背景[変更可] */
#wrapper {background: #efefef;}

/* ===== コンテンツ[以下に追加] ===== */
/* コンテンツ リンク色[変更可] */
#content a:link { text-decoration:underline; color:#DA3100;}
#content a:visited { text-decoration:underline; color:#DA3100;}
#content a:active { text-decoration:underline; color:#DA3100;}
#content a:hover { text-decoration:none; color:#DA3100;}


#content {
	padding-bottom:35px;
	background:#fff;
}

.spContent * {
	margin:0;
	padding:0;
}

#content.spContent ul,
#content.spContent ol {
	margin:0;
	list-style-type:none;
}

#content.spContent li {
	margin:0;
	padding:0;
}

#content ul li li {
	margin:0;
	padding:0;
	list-style-type:none;
}

#heading {
	margin:0 0 20px;
}

#heading .spTitle {
	float:left;
	width:364px;
}

.section {
	width:930px;
	margin:0 auto;
	padding-top:20px;
}

/* @group FeatureSect ========================================================*/

#featureSect {
	margin-bottom:5px;
}

/* @group clearfix ----------------------------------------- */

#heading:after,
.section:after,
.linkArea:after,
#detailInner:after,
.detailArea:after,
.cf:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:".";
	font-size:0;
}

* html #heading,
* html .section,
* html .linkArea,
* html #detailInner,
* html .detailArea,
* html .cf {/* IE6 */
	zoom:1;
}

*:first-child+html #heading,
*:first-child+html .section,
*:first-child+html .linkArea,
*:first-child+html #detailInner,
*:first-child+html .detailArea,
*:first-child+html .cf {/* IE7 */
	zoom:1;
}


/* @end */


/* 20150323追加
========================================================*/
#featureSect #ttr_top_box {
	width:930px;
	padding:20px 0;
	background:url(images/ttr_bg.gif);
}

#featureSect .ttr_top_box_inner {
	overflow:hidden;
	width:890px;
	padding:25px 0;
	margin:0 20px;
	background:#FFF;
}

/* title
========================================================*/
#featureSect #ttr_ttl_box {
	overflow:hidden;
	margin:0 0 30px 20px;
	width:840px;
}

#featureSect #ttr_left_box {
	float: left;
	width:290px;
}

#featureSect #ttr_right_box {
	float:right;
	width:550px;
}

#featureSect #ttr_right_box h3 {
	display: block;
	clear:both;
}

#featureSect #ttr_right_box h3 span {
	display: block;
	margin:3px 0 0 30px;
	font-size:55px;
	font-weight:bold;
}



#featureSect #ttr_right_box h5 span {
	display: block;
	margin:5 0 0 20px;
	border-bottom:solid 8px #FFF100;
	font-size:23px;
	font-weight:bold;
	line-height:0.4em;
}


#featureSect #ttr_right_box .read {
	float:left;
	margin:3px 0 0;
}

#featureSect #ttr_right_box p {
	float:left;
	width:310px;
	margin:2px 0 0 10px;
	font-size:15px;
	line-height:1.6em;
}

#featureSect #ttr_right_box .read_illust {
	position:relative;
	float:right;
	width:210px;
	height:195px;
	background:url(images/ttr_ttl_illust.gif) no-repeat;
}

#featureSect #ttr_right_box .read_illust div {
	font-size:10px;
	position:absolute;
	top:29px;
	left:24px;
	width: 73px;
	height: 48px;
}

#featureSect #ttr_right_box .read_illust a {
	position:absolute;
	bottom:0px;
	left:43px;
	width: 165px;
}


/* title_02
========================================================*/
#featureSect #ttr_ttl_box_02 {
	overflow:hidden;
	margin:0 0 0 25px;
	width:840px;
}

#featureSect #ttr_left_box_02 {
	float: left;
	width:527px;
}

#featureSect #ttr_right_box_02 {
	float:right;
	width:300px;
}

#featureSect #ttr_right_box_02 h3 {
	display: block;
	clear:both;
}

#featureSect #ttr_left_box_02 h3 span {
	display: block;
	margin:15px 0 0;
	border-bottom:solid 8px #FFF100;
	font-size:47px;
	font-weight:bold;
	line-height:0.7em;
}

#featureSect #ttr_right_box_02 .read {
	float:left;
	margin:5px 0 0;
}

#featureSect #ttr_right_box_02 p {
	float:left;
	width:290px;
	font-size:16px;
	line-height:1.6em;
}



/* sns
========================================================*/
#featureSect .sns {
	margin:15px 0 0 5px;
	width:340px;
}


/* imaココデ
========================================================*/
#featureSect #ttr_ima_ttl {
	display: block;
	clear:both;
	margin:20px 25px 7px 25px;
	padding:5px;
	border:solid 5px #E7E7E7;
	text-align:center;
	font-size:26px;
	font-weight:bold;
}

#featureSect #ttr_ima_ttl span.ttr_ima_big {
	font-size:32px;
}

#featureSect #ttr_ima_ttl span.ttr_ima_red {
	color:#D72600;
}

#featureSect #ttr_ima {
	display: block;
	clear:both;
	overflow:hidden;
	width:840px;
	margin:5px 0 0 25px;
}

#featureSect .ttr_ima_left {
	padding:0;
	border-right:solid 1px #fff;
	width:582px;
	background:#EBEBEC url(images/ttr_ima_ttl.gif) no-repeat;
}

#featureSect .ttr_ima_left .ttr_ima_inner_left {
	float:left;
	width:136px;
}

#featureSect .ttr_ima_left .ttr_ima_inner_left dl {
	display: block;
	clear:both;
	width:111px;
	margin:15px 0 10px 10px;
	padding:15px 1px 7px;
	border-right:solid 1px #C8C8C9;
	border-bottom:solid 1px #C8C8C9;
	font-size:12px;
	text-align:center;
	line-height:1.6em;
	background:#FFF url(images/ttr_ima_box_bg.gif) no-repeat;
}

#featureSect .ttr_ima_left .ttr_ima_inner_left dt {
	font-weight:normal;
}

#featureSect .ttr_ima_left .ttr_ima_inner_right {
	padding:45px 0 10px 5px;
	float:left;
	width:440px;
}

#featureSect .ttr_ima_left .ttr_ima_inner_right .ima_point01 {
	float:left;
	width:200px;
	margin:0 15px 0 0;
	padding:0 10px 10px 0;
	background:url(images/ttr_ima_line1.gif) repeat-y top right;
}

#featureSect .ttr_ima_left .ttr_ima_inner_right .ima_point02 {
	float:left;
	padding:0 0 10px 0;
	width:210px;
}

#featureSect .ttr_ima_left .ttr_ima_inner_right .ima_point03 {
	display: block;
	margin:10px 5px 0 0;
	padding:10px 0 0 0;
	background:url(images/ttr_ima_line2.gif) repeat-x;
}

#featureSect .ttr_ima_left .ttr_ima_inner_right .ima_point01 div {
	display:block;
	margin:0 0 15px 0;
	padding:0 0 0 47px;
	line-height:1.7em;
	background:url(images/ttr_ima_icon1.gif) no-repeat left center;
}

#featureSect .ttr_ima_left .ttr_ima_inner_right .ima_point02 div {
	display: block;
	margin:0 0 15px 0;
	padding:0 0 0 47px;
	background:url(images/ttr_ima_icon2.gif) no-repeat left center;
}

#featureSect .ttr_ima_left .ttr_ima_inner_right .ima_point03 div {
	float:left;
	width:350px;
}

#featureSect .ttr_ima_left .ttr_ima_inner_right .ima_point03 p.icon {
	display: block;
	padding:0 0 0 65px;
	background:url(images/ttr_ima_icon3.gif) no-repeat;
}

#featureSect .ttr_ima_left .ttr_ima_inner_right .ima_point03 p.text {
	display: block;
	font-size:24px;
	font-weight:bold;
}

#featureSect .ttr_ima_left .ttr_ima_inner_right .ima_point03 dl {
	display: block;
	float:left;
}

#featureSect .ttr_ima_left .ttr_ima_inner_right .ima_point01 div span,
#featureSect .ttr_ima_left .ttr_ima_inner_right .ima_point02 div span,
#featureSect .ttr_ima_left .ttr_ima_inner_right .ima_point03 div span {
	font-size:18px;
	font-weight:bold;
	background:url(images/text-line.gif) repeat-x left bottom;
}

#featureSect .ttr_ima_left .ttr_ima_inner_right dl {
	overflow:hidden;
}

#featureSect .ttr_ima_left .ttr_ima_inner_right dt {
	float:left;
	display: block;
	margin:0 20px 0 0;
	font-size:12px;
	text-align:center;
	font-weight:normal;
}

#featureSect .ttr_ima_left .ttr_ima_inner_right dt span.point {
	font-size:46px;
	line-height:1.0em;
	font-weight:bold;
}

#featureSect .ttr_ima_left .ttr_ima_inner_right .ima_point02 span.attention {
	display: block;
	padding-top:5px;
	font-size:10px;
}

#featureSect .ttr_ima_left .ttr_ima_inner_right dd {
	float:left;
	display: block;
	width:68px;
	height:68px;
	padding:10px 0 0;
	font-size:10px;
	line-height:1.4em;
	text-align:center;
	color:#fff;
	background:url(images/ttr_ima_fuki1.gif) no-repeat;
}

#featureSect .ttr_ima_left .ttr_ima_inner_right dd span {
	font-size:16px;
	font-weight:bold;
	line-height:1.1em;
}

#featureSect .ttr_ima_right {
	padding:25px 5px 10px;
	width:247px;
	text-align:center;
	background:#FFF283 url(images/ttr_present_bg.gif) no-repeat top right;
}

#featureSect .ttr_ima_right p {
	display:block;
	margin:5px 0 0;
	font-size:16px;
	font-weight:bold;
}

#featureSect .ttr_ima_right dl {
	display:block;
	clear:both;
	margin:5px 0 0;
}

#featureSect .ttr_ima_right dt {
	float:left;
	width:160px;
}

#featureSect .ttr_ima_right dd {
	float:left;
	width:81px;
	height:81px;
	padding:14px 0 0;
	font-size:10px;
	line-height:1.3em;
	text-align:center;
	color:#fff;
	background: url(images/ttr_ima_fuki2.gif) no-repeat;
}

#featureSect .ttr_ima_right dd span {
	font-size:16px;
	font-weight:bold;
	line-height:1.1em;
}

#featureSect .ttr_ima_right div.ttr_ima_name {
	display:block;
	clear:both;
	padding:5px 5px 0;
	font-size:18px;
	font-weight:bold;
	text-align:left;
}

/* ミッション1-2
========================================================*/
#featureSect #ttr_mission1 {
	display: block;
	clear:both;
	margin:20px 25px 0 25px;
	padding:10px 0 10px 90px;
	font-size:24px;
	font-weight:bold;
	line-height:1.2em;
	background:url(images/ttr_yori_ttl_icon1.gif) no-repeat;
}

#featureSect #ttr_mission2 {
	display: block;
	clear:both;
	margin:0 25px 30px 25px;
	padding:0 0 0 90px;
	font-size:24px;
	font-weight:bold;
	line-height:1.2em;
	background:url(images/ttr_toko_ttl_icon2.gif) no-repeat;
}

#featureSect #ttr_mission1 span,
#featureSect #ttr_mission2 span {
	margin:0 0 15px 0;
	padding:1px 5px;
	background:#000;
	font-size:12px;
	color:#fff;
	font-weight:normal;
}

#featureSect #ttr_mission1 p,
#featureSect #ttr_mission2 p {
	padding:5px 0 0;
	font-size:12px;
	font-weight:normal;
	line-height:1.3em;
}

#featureSect .ttr_toko_ttl {
	margin:20px 0 0 25px;
	padding:0 0 0px 40px;
	font-size:20px;
	font-weight:bold;
	background:url(images/ttr_toko_icon.gif) no-repeat;
}

#featureSect .ttr_toko_p_shop {
	float:left;
	margin:0 10px 10px 0;
}

#featureSect span.ttr_toko_ttl_shop {
	display:block;
	margin:0 0 10px 0;
	font-size:16px;
	font-weight:bold;
}

#featureSect .ttr_yori {
	display:block;
	clear:both;
	overflow:hidden;
	width:840px;
	margin:15px 0 30px 25px;
}

#featureSect .ttr_yori_line {
	display:block;
	clear:both;
	overflow:hidden;
	width:840px;
	margin:0 0 30px 25px;
	padding:30px 0 0 0;
	border-top:1px dashed #000;
}

#featureSect .ttr_yori_line_02 {
	display:block;
	clear:both;
	overflow:hidden;
	width:840px;
	margin:30px 15px 0 25px;
	padding:30px 0 0 0;
	border-top:1px dashed #000;
}

#featureSect .ttr_yori_l {
	display:block;
	float:left;
	width:400px;
	margin:0 40px 0 0;
}

#featureSect .ttr_yori_r {
	display:block;
	float:left;
	width:400px;
}

#featureSect .ttr_shop_read {
	display:block;
	clear:both;
	width:400px;
	margin:10px 0 0 0;
}

#featureSect .ttr_shop_read dt {
	margin:0 0 10px 0;
	font-size:16px;
	font-weight:bold;
}

#featureSect .ttr_yori_l p,
#featureSect .ttr_yori_r p {
	display:block;
	clear:both;
	overflow:hidden;
	width:400px;
	margin:20px 0 0 0;
	padding:0;
}

#featureSect .ttr_yori_l .photo_sub img,
#featureSect .ttr_yori_r .photo_sub img {
	display:block;
	float:left;
}

#featureSect .ttr_photo_sub {
	margin:0 0 0 10px;
}

#featureSect .ttr_shop_detail {
	display:block;
	clear:both;
	margin:15px 0 0 0;
	padding:7px;
	border:solid 1px #888888;
}

#featureSect .ttr_shop_detail dt {
	margin:0 0 8px 0;
	font-weight:bold;
}

#featureSect .ttr_shop_detail img {
	float:right;
	margin:0 0 5px 5px;
}

#content #featureSect .ttr_shop_detail dt a:link { text-decoration:underline; color:#333;}
#content #featureSect .ttr_shop_detail dt a:visited { text-decoration:underline; color:#333;}
#content #featureSect .ttr_shop_detail dt a:active { text-decoration:underline; color:#DA3100;}
#content #featureSect .ttr_shop_detail dt a:hover { text-decoration:none; color:#DA3100;}

#content #featureSect .ttr_shop_detail dd a:link { text-decoration:underline; color:#DA3100; font-weight:bold;}
#content #featureSect .ttr_shop_detail dd a:visited { text-decoration:underline; color:#DA3100; font-weight:bold;}
#content #featureSect .ttr_shop_detail dd a:active { text-decoration:underline; color:#DA3100; font-weight:bold;}
#content #featureSect .ttr_shop_detail dd a:hover { text-decoration:none; color:#DA3100; font-weight:bold;}

#featureSect #ttr_yori_ttl1 {
	display:block;
	clear:both;
	margin:0 0 10px 0;
	padding:35px 0 10px;
	width:400px;
	height:30px;
	text-align:center;
	font-size:22px;
	font-weight:bold;
	background:url(images/ttr_yori_ttl1_bg.gif) no-repeat;
}

#featureSect #ttr_yori_ttl2 {
	display:block;
	clear:both;
	margin:0 0 10px 0;
	padding:35px 0 10px;
	width:400px;
	height:30px;
	text-align:center;
	font-size:22px;
	font-weight:bold;
	background:url(images/ttr_yori_ttl2_bg.gif) no-repeat;
}

#featureSect #ttr_yori_ttl3 {
	display:block;
	clear:both;
	margin:0 0 10px 0;
	padding:35px 0 10px;
	width:400px;
	height:30px;
	text-align:center;
	font-size:22px;
	font-weight:bold;
	background:url(images/ttr_yori_ttl3_bg.gif) no-repeat;
}

#featureSect #ttr_yori_ttl4 {
	display:block;
	clear:both;
	margin:0 0 10px 0;
	padding:35px 0 10px;
	width:400px;
	height:30px;
	text-align:center;
	font-size:22px;
	font-weight:bold;
	background:url(images/ttr_yori_ttl4_bg.gif) no-repeat;
}

#featureSect .ttr_ttl_bg {
	display:block;
	clear:both;
	margin:40px 0 0 25px;
	padding:2px 15px 5px;
	font-size:24px;
	font-weight:bold;
	background:url(images/ttr_ttl_bg.gif) no-repeat;
}

#featureSect .ttr_toko_btn {
	display:block;
	clear:both;
	width:702px;
	height:47px;
	margin:0 0 0 94px;
	font-size:24px;
	font-weight:bold;
}

#featureSect .ttr_toko_btn span {
	height:47px;
	padding:0 20px 0 0;
	background:url(images/ttr_toko_btn_icon.gif) no-repeat right 8px;
}

#featureSect .ttr_toko_btn a {
	margin:0 auto;
	padding:20px 0 0;
	text-align:center;
	background:url(images/ttr_toko_btn.jpg) no-repeat;
}

#featureSect .ttr_toko_btn a {background-position:0 0;}
#featureSect .ttr_toko_btn a:hover {background-position:0 -67px;}

#content #featureSect .ttr_toko_btn a:link { text-decoration:none; color:#DA3100;}
#content #featureSect .ttr_toko_btn a:visited { text-decoration:none; color:#DA3100;}
#content #featureSect .ttr_toko_btn a:active { text-decoration:none; color:#DA3100;}
#content #featureSect .ttr_toko_btn a:hover { text-decoration:none; color:#DA3100;}

/* 参加方法
========================================================*/

#featureSect .ttr_sanka {
	display:block;
	clear:both;
	width:840px;
	margin:5px 0 0 25px;
}

#featureSect .ttr_sanka_last {
	display:block;
	clear:both;
	width:840px;
	margin:0 0 0 25px;
	padding:20px 0 0 0;
	border-top:1px dashed #000;
}

#featureSect dl.ttr_sanka_box1 {
	float:left;
	width:332px;
	padding: 0 33px 0 0;
}

#featureSect dl.ttr_sanka_box2 {
	float:left;
	width:266px;
	padding: 0 33px 0 0;
}

#featureSect dl.ttr_sanka_box3 {
	float:left;
	width:167px;
}

#featureSect dl.ttr_sanka_box4 {
	float:left;
	width:340px;
	padding: 0 33px 0 0;
}

#featureSect dl.ttr_sanka_box5 {
	float:left;
	width:465px;
}

#featureSect .ttr_sanka dt {
	height:65px;
}

#featureSect .ttr_sanka_last dt {
	height:38px;
}

#featureSect .ttr_sanka_01 {
	width:332px;
	height:250px;
	background:url(images/ttr_sanka_p1.gif) no-repeat;
}

#featureSect .ttr_sanka_01 span {
	display:block;
	float:left;
	margin: 38px 0 0 10px;
}

#featureSect .ttr_sanka_01 span a.iphone {
	display:block;
	width:150px;
	height:60px;
	background:url(images/ttr_sanka_01_iphone.jpg) no-repeat;
	text-indent:-999em;
}

#featureSect .ttr_sanka_01 span a.iphone {background-position:0 0;}
#featureSect .ttr_sanka_01 span a.iphone:hover {background-position:0 -60px;}

#featureSect .ttr_sanka_01 span a.android {
	display:block;
	width:150px;
	height:60px;
	background:url(images/ttr_sanka_01_android.jpg) no-repeat;
	text-indent:-999em;
}

#featureSect .ttr_sanka_01 span a.android {background-position:0 0;}
#featureSect .ttr_sanka_01 span a.android:hover {background-position:0 -60px;}

#featureSect .ttr_sanka_banner {
	margin:0 0 0 25px;
}

/* 応募要項
========================================================*/

#featureSect #form {
	width:840px;
	margin:10px 0 0 25px;
	border:solid 1px #E4E4E3;
}

#featureSect #form dl {
	overflow:auto;
	height:200px;
	padding:10px;
}

#featureSect #form dt {
	display:block;
	padding:15px 0 0;
	font-weight:bold;
}


/* バックナンバー
========================================================*/

#ttr_backnumber {
	width:930px;
	margin:20px auto;
	text-align:center; 
}

#ttr_backnumber p {
	padding:3px 5px;
	background:#000;
	color:#FFF;
	font-weight;bold;
	text-align:left; 
}

#ttr_backnumber ul {
	margin:0;
	padding:0;
	list-style:none;
	text-align:left; 
}

#ttr_backnumber li {
	margin:10px 0 10px 0;
	padding:0px 0 7px 20px;
	border-bottom:1px dotted #000;
	background:url(images/ttr_backnumber_icon.gif) no-repeat;
}

#ttr_backnumber a:link { text-decoration:none; color:#333}
#ttr_backnumber a:visited { text-decoration:none; color:#333;}
#ttr_backnumber a:active { text-decoration:none; color:#DA3100;}
#ttr_backnumber a:hover { text-decoration:none; color:#DA3100;}

#ttr_backnumber .ttr_backn_btn {
	display:block;
	clear:both;
	width:560px;
	height:50px;
	margin:30px auto 0;
	font-size:24px;
	font-weight:bold;
}

#ttr_backnumber .ttr_backn_btn span {
	height:50px;
	padding:0 20px 0 0;
	background:url(images/ttr_backnumber_btn_icon.gif) no-repeat right 2px;
}

#ttr_backnumber .ttr_backn_btn a {
	margin:0 auto;
	padding:15px 0 0;
	text-align:center;
	background:url(images/ttr_backnumber_btn.jpg) no-repeat;
}

#ttr_backnumber .ttr_backn_btn a {background-position:0 0;}
#ttr_backnumber .ttr_backn_btn a:hover {background-position:0 -65px;}

#ttr_backnumber .ttr_backn_btn a:link { text-decoration:none; color:#FFF;}
#ttr_backnumber .ttr_backn_btn a:visited { text-decoration:none; color:#FFF;}
#ttr_backnumber .ttr_backn_btn a:active { text-decoration:none; color:#FFF;}
#ttr_backnumber .ttr_backn_btn a:hover { text-decoration:none; color:#FFF;}