@charset "utf-8";

/******************************
* BASIC
******************************/
body {
	margin:0;
	padding:0;
	/*background-color:#ffffff;*/
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align:center;
	font-size:80%;
	line-height:1.4;
	}

div#main {
	margin:0 auto;
	width:900px;
	height:inherit;
	text-align:left;
	border:1px solid #cccccc;
	}
#wrapper {
	width:900px;
	background:url(../images/main_bg.gif) repeat-y;
	overflow: hidden;
}

/* Image */
img {
	border-style:none;
	}

/* Link */
/*a {text-decoration:none;}
a:hover {text-decoration: underline;}*/


/* clear */
.clear {
	clear: both;
	visibility: hidden;
	height: 0;
	border:0;
	}
.clear_line {
	clear: both;
	visibility: hidden;
	height: 0;
	border:0;
	}

/* float */
.f-left{
	float: left;
	}
.f-right{
	float: right;
	}

/* text-align */
.talr {
	text-align: right;
	}
.tall {
	text-align: left;
	}
.talc {
	text-align: center;
	}
/* margin */
.mrgn-sd-at{
	margin-right: auto;
	margin-left:auto;
	}

/* text */
.txt_bold {
	font-weight:bold;
}
.txt_normal {
	font-weight:normal;
}
.txt_gray {
	color:#333333;
}
.txt_gray2 {
	color:#999999;
}
.txt_pink {
	color:#E2007F;
}
.txt_pink2 {
	color:#dc2ea7;
}
.txt_white {
	color:#FFFFFF;
}
.txt_yellow {
	color:#FFFA00;
}
.txt_red {
	color:#FF0000;
}
.txt_orange {
	color:#ED6D00;
}
.txt_green {
	color:#429319;
}
.txt_brown {
	color:#534741;
}
.txt_blue {
	color:#238DFF;
}
.px10{
	font-size:10px;
}
.px11 {
	font-size:11px;
}
.px12 {
	font-size:12px;
}
.px14 {
	font-size:14px;
}
.px16 {
	font-size:16px;
}

/* line */
.dot_line01 {
	clear:both;
	border-top:dotted 1px #666666;
	margin-top:15px;
}
.dot_line02 {
	clear:both;
	border:dotted 1px #cccccc;
}

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


/******************************
* Header
******************************/
div#header {
	width:900px;
	height:115px;
}

/******************************
* SIDE MENU CONTENTS
******************************/
div#side_cntns {
	width:180px;
	float: left;
	background:#000000;
	text-align:center;
	overflow: hidden;
}
div#side_cntns02 {
	width:180px;
	float: left;
	background:#000000;
	text-align:center;
	overflow: hidden;
}
div#side_cntns03 {
	width:180px;
	float: left;
	background:#000000;
	overflow: hidden;
	/*text-align:center;*/
}
.side_cntns_btn {
	margin-bottom:10px;
}
div#side_cntns .img01 {
	margin-bottom:15px;
}
div#side_cntns02 .img02 {
	margin-bottom:10px;
}
.ipress_txt01 {
	margin:5px 15px 10px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
}
.ipress_txt02 {
	margin:0 15px 10px;
	color:#FFFFFF;
	text-align:left;
}
.ipress_txt03 {
	margin:0 15px 10px;
	font-size:12px;
	font-weight:bold;
	color:#FFFA00;
	text-align:right;
}
.side_cntns_foot {
	clear:both;
	width:180px;
	height:35px;
	float: left;
	background:#000000;
}
.side_cntns_btn01 {
	border-top:dotted 1px #FFFFFF;
	border-bottom:dotted 1px #FFFFFF;
}
.side_cntns_btn02 {
	border-bottom:dotted 1px #FFFFFF;
}
.ipress_place a {
	color:#6eac39;
}

/******************************
* パンくず
******************************/
.topicpath {
	width:700px;
	height:20px;
	margin:6px 0 4px;
	font-size:12px;
	float:left;
}
.topicpath ul.pan1 {
	list-style:none;
	margin:0;
	padding:0;
}
.topicpath li.pan {
	margin:0;
	padding:0 0 0 0;
	float:left;
} 
.topicpath02 {
	width:470px;
	height:20px;
	margin:6px 0 4px;
	font-size:12px;
	float:left;
}
.topicpath02 ul.pan1 {
	list-style:none;
	margin:0;
	padding:0;
}
.topicpath02 li.pan {
	margin:0;
	padding:0 0 0 0;
	float:left;
}

/******************************
* Contents
******************************/
#wrapper_sub {
	width:720px;
	float:left;
	/*margin:0 20px;*/
	overflow: hidden;
}
div#contents {
	float:left;
	width:470px;
	/*margin:0 15px;*/
	margin:20px 15px 0;
	padding:0;
	display:inline;
}
/* 外枠がある場合 */
div#contents02 {
	float:left;
	width:470px;
	padding:0 15px;
}
* html div#contents02 {
	width:500px;
	padding:0 14px;
}
/* 外枠がない場合 */
div#contents03 {
	float:left;
	width:470px;
	padding:0 15px;
}
* html div#contents03 {
	width:500px;
}
.foot_navi {
	clear:both;
	/*width:890px;*/
	padding:15px 10px 10px 0;
	font-size:11px;
	text-align:right;
	margin: 15px 0 0 0;
}
.foot_navi02 {
	clear:both;
	width:880px;
	padding:10px;
	font-size:11px;
	text-align:right;
	margin: 7px 0 0 0;
}
.foot_navi03 {
	width:705px;
	padding:10px 0;
	font-size:11px;
	text-align:right;
	margin:0 15px 0 0;
	float:left;
}
* html .foot_navi03 {
	margin:0;
}
.foot_navi_l {
	/*width:405px;*/
	float:left;
	text-align:left;
	font-size:11px;
}
.foot_navi_w {
	/*width:475px;*/
	float:right;
	margin:0;
}
.foot_navi_c{
	width:70px;
	margin:0;
	float:right;
	text-align:center;
}
.foot_navi_r{
	width:405px;
	float:right;
	text-align:right;
	font-size:11px;
}

/******************************
* Footer
******************************/
div #footer	{
	width:900px;
	height:50px;
	background:#000000;
	text-align:center;
}
.footer_txt,
.footer_txt h1 {
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:center;
	margin:0 0 0 0;
	padding-top:7px;
}
.footer_txt a {
	color:#FFFFFF;
	text-decoration:none;	
}
.footer_txt a:hover {
	color:#666666;
	text-decoration:underline;
}
#btn_close {
	margin:15px auto 10px;
	text-align:center;
}

/******************************
* BOX
******************************/
.box_title {
	clear:both;
	/*width:468px;*/
	width:470px;
	margin-top:20px;
}
.box_title02 {
	clear:both;
	/*width:468px;*/
	width:470px;
	/*margin-top:10px;*/
}
.box01 {
	clear:both;
	/*width:466px;*/
	width:468px;
	/*margin-bottom:5px;*/
	margin-bottom:10px;
	/*padding:15px 0 5px;*/
	padding:10px 0;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
}
/* IE6以下 */
* html .box01 {
	/*width:468px;*/
	width:470px;
}
.box02 {
	clear:both;
	width:226px;
	/*margin:10px 16px 0 0;*/
	margin:0 16px 0 0;
	float:left;
}
.box_txt {
	margin-top:5px;
}
.box02_txt {
	width:215px;
	font-size:11px;
	float:left;
}
.box03 {
	width:226px;
	/*margin-top:10px;*/
	float:left;
}
.triangle {
	margin:3px 5px 0 0;
	float:left;
}
.triangle02 {
	margin:3px 5px 0 0;
	float:right;
}

/* Whats New */
.whatsbox {
	width:468px;
	height:100px;
	margin-bottom:10px;
	float:left;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
}
.whatsbox_scrl {
	clear:both;
	width:466px;
	height:98px;
	overflow: auto;
	float:left;
	font-size:11px;
	line-height:140%;
}
.submain {
	margin:0 auto;
	padding:6px 10px 0;
	height:auto;
}
.whats_txt {
	width:426px;
	margin-bottom:3px;
	padding:1px 10px;
	/*border-bottom:dotted 1px #CCCCCC;*/
}
.whats_txt a {
	text-decoration:none;
}
.whats_txt a:hover {
	text-decoration:underline;
}

/* おすすめアプリ */
.top_appli {
	clear:both;
	width:434px;
	height:70px;
	/*margin:5px 17px 0;*/
	margin:0 17px 5px;
}
.top_appli02 {
	clear:both;
	height:85px;
	/*margin:5px 17px 0;*/
	margin:0 17px 5px;
}
.top_appli03 {
	clear:both;
	height:110px;
	/*margin:5px 17px 0;*/
	margin:0 17px 5px;
}
.appli_l {
	width:208px;
	margin-right:10px;
	float:left;
}
.appli_r {
	width:208px;
	float:left;
}
.appli_img {
	width:59px;
	float:left;
}
.appli_txt {
	width:138px;
	margin-left:10px;
	font-size:11px;
	line-height:120%;
	float:left;
}
.appli_txt a {
	text-decoration:underline;
}
.appli_list {
	clear:both;
	/*width:115px;*/
	width:434px;
	/*height:20px;*/
	/*margin-left:335px;*/
}
.appli_list_txt {
	/*width:104px;*/
	font-size:12px;
	float:right;
	text-align:right;
}

/* イベント */
.top_event_l {
	width:197px;
	margin:0 15px 0 5px;
	/*padding:0 0 5px 10px;*/
	padding:0 0 0 10px;
	float:left;
}
.top_event_r {
	width:230px;
	/*padding-bottom:5px;*/
	float:left;
}
.top_event_photo {
	width:59px;
	/*margin-bottom:20px;*/
	margin-bottom:10px;
	border:solid 1px #999999;
	float:left;
}
.top_event_photo02 {
	width:59px;
	border:solid 1px #999999;
	float:left;
}
.top_event_txt {
	width:155px;
	margin-left:10px;
	font-size:11px;
	line-height:120%;
	float:left;
}
.top_event_info {
	margin-top:10px;
}
.top_event_info_txt {
	width:181px;
	font-size:12px;
	float:left;
}
.top_event_info_txt .txt01 {
	margin-bottom:15px;
}

/* 壁紙ダウンロード */
.top_dl_l {
	width:197px;
	margin:0 15px 0 5px;
	/*padding:0 0 5px 10px;*/
	padding:0 0 0 10px;
	float:left;
}
.top_dl_r {
	width:230px;
	/*padding-bottom:5px;*/
	float:left;
}
.top_dl_txt {
	width:151px;
	font-size:11px;
	float:left;
}
.top_dl_img {
	width:59px;
	border:solid 1px #999999;
	margin-left:10px;
	padding:2px;
	float:left;
}
.top_dl_info {
	margin-top:10px;
}
.top_dl_info_txt {
	width:181px;
	font-size:12px;
	float:left;
}

/* おすすめGOODS */
.top_goods {
	clear:both;
	/*margin:5px 17px 0;*/
	margin:0 17px;
}
.goods_l {
	width:101px;
	padding-right:10px;
	float:left;
}
* html .goods_l {
	padding-right:7px;
}
.goods_r {
	width:101px;
	float:left;
}
.top_goods_img {
	width:101px;
	border:solid 1px #999999;
}
.top_goods_txt {
	width:101px;
	padding:5px 10px 0 0;
	font-size:11px;
	line-height:120%;
}
* html .top_goods_txt {
	padding:5px 7px 0 0;
}
.top_goods_txt a {
	text-decoration:underline;
}
.top_goods_txt02 {
	width:101px;
	padding:5px 0 0 0;
	font-size:11px;
	line-height:120%;
}
.top_goods_txt02 a {
	text-decoration:underline;
}
.goods_list {
	/*width:120px;*/
	width:434px;
	/*height:20px;*/
	/*margin-left:330px;*/
}
.goods_list_txt {
	/*width:109px;*/
	font-size:12px;
	float:right;
	text-align:right;
}

.top_banner {
	margin-bottom:10px;
}

/******************************
* バナーエリア
******************************/
.banner_area {
	width:200px;
	margin:20px 0 0;
	float:left;
}
* html .banner_area {
	overflow: hidden;
}
.banner_area02 {
	width:200px;
	margin:30px 0 0 0;
	float:left;	
}
* html .banner_area02 {
	overflow: hidden;
}
.snsbox {
	width:200px;
	height:243px;
	/*margin:10px 0;*/
	margin:0 0 10px;
	position:relative;
	background:url(../images/sns.jpg) no-repeat;
}
.snsbox_txt {
	width:185px;
	font-size:11px;
	position:absolute;
	top:110px;
	left:10px;
}
.snsbox_txt02 {
	width:120px;
	font-size:11px;
	position:absolute;
	top:170px;
	left:59px;
}
.snsbox_txt02 a {
	text-decoration:underline;
}
.sns_btn01 {
	position:absolute;
	top:200px;
	left:20px;
}
.sns_btn02 {
	position:absolute;
	top:200px;
	left:103px;
}    
.banner_img {
	margin:10px 12px 0 0;
	float:left;
}
/* IE6以下 */
* html .banner_img {
	margin:10px 11px 0 0;
	float:left;
}
.banner_img_top {
	/*margin:0 12px 10px 0;*/
	margin:0 12px 0 0;
	float:left;
}
/* IE6以下 */
* html .banner_img_top {
	margin:0 11px 0 0;
	float:left;
}
.banner_mobile {
	position:relative;
}
.banner_mobile_txt {
	width:94px;
	text-align:left;
	line-height:125%;
	position:absolute;
	top:51px;
	left:89px;
}

/* INFORMATION */
.infobox {
	width:194px;
	border:solid 1px #cccccc;
	/*margin-bottom:10px;*/
	margin:10px 0;
	padding:2px 2px 5px;
}
.infobox_img01 {
	/*margin:5px 5px 0 5px;*/
	margin:7px 5px 0 0;
	float:left;
}
.infobox_sub01 {
	width:180px;
	margin:0 5px 7px;
}
.infobox_sub02 {
	width:180px;
	border-top:dotted 1px #CCCCCC;
	margin:0 5px 5px;
}
.infobox_txt {
	width:95px;
	/*margin:5px 5px 0 0;*/
	margin:7px 0 0 0;
	font-size:11px;
	float:left;
}
.infobanner {
	width:200px;
	/*margin-bottom:5px;*/
	margin:0 0 5px 0;
}
.infobanner ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
.infobanner ul li {
	margin-bottom:5px;
	list-style-type: none;
}

/* iPhone NEWS */
.newsbox {
	width:194px;
	border:solid 1px #cccccc;
	margin:10px 0;
	padding:2px 2px 5px;
}
.newsbox_sub01 {
	width:180px;
	margin:0 5px 7px;
}
.newsbox_sub02 {
	width:180px;
	border-top:dotted 1px #CCCCCC;
	margin:0 5px 5px;
}
.newsbox_txt {
	margin:7px 0 0 0;
	font-size:11px;
}
.newsbox_txt a {
	text-decoration:none;
}
.newsbox_txt a:hover {
	text-decoration:underline;
}

/* PR */
.prbox {
	width:194px;
	border:solid 1px #cccccc;
	margin:10px 0 0;
	padding:2px 2px 5px;
}

/******************************
* 各詳細ページ
******************************/
#page {
	width:700px;
	margin:20px 100px 15px 100px;
}

/******************************
* プライバシーポリシー
******************************/
#priv {
	margin:20px 40px;
	font-size:12px;
}

#priv dl,#priv dt,#priv dd {
	margin-bottom:10px;
}

#priv li {
	list-style-type: none;
	text-indent: -20px;
}

#priv ol {
	margin: 10px 0 10px 20px;
}

/******************************
* iPRESSについて
******************************/
.about {
	width:661px;
	margin:20px 20px 0 19px;	
	font-size:12px;
}
.about_sub {
	width:661px;
	height:268px;
}
.about_l {
	float:left;
}
.about_l_img {
	width:167px;
	height:248px;
	background:#000000;
	padding:10px;
}
.about_l_txt {
	font-size:14px;
	font-weight:bold;
	margin-top:5px;
}
.about_r {
	width:424px;
	margin:0 0 0 40px;
	float:left;
}
.about_r .detail_l {
	width:254px;
	height:167px;
	margin-top:15px;
	line-height:170%;
	float:left;
}
.about_r .detail_r {
	width:160px;
	height:167px;
	margin:15px 0 0 10px;
	float:left;
}

/******************************
* 誌面イメージ
******************************/
#imagebox {
	width:700px;
	/*margin:20px auto 15px;*/
	margin:20px 100px 15px 100px;
	border:solid 1px #000000;
}
.about_image {
	background:#000000;
	width:478px;
	border-top:solid 1px #FFFFFF;
	padding:20px 111px;
}
.about_image img {
	/*margin:20px 111px;*/
}
.about_image_txt {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
.scroll_area {
	width:658px;
	height:213px;
	margin:10px auto 5px;
	padding:5px 0;
}
.scroll_area01 {
	width:2600px;
	height:163px;
	text-align:left;
}
.scroll_img {
	margin:5px 10px;
}
.image_txt {
	text-align:right;
	font-size:11px;
	margin-right:20px;
}
.image_foot {
	background:#000000;
	width:690px;
	font-size:11px;
	color:#FFFFFF;
	text-align:right;
	margin:10px 0 0;
	padding:10px 10px 10px 0;
}
.image_foot a:link { color: #FFFFFF; }
.image_foot a:visited { color: #FFFFFF; }
.image_foot a:hover { color:#FFFFFF; }
.image_foot a:active { color: #FFFFFF; }

/******************************
* コラボ企業募集
******************************/
#collabobox {
	width:700px;
	margin:20px 100px 15px;
	border:solid 1px #000000;
}
.collabo {
	width:636px;
	margin:20px 32px 10px;
	text-align:center;
}
.collabo_img01 {
	margin-bottom:30px;
}
.collabo_img02 {
	margin:0 10px;
	float:right;
}

/******************************
* ユーザー募集
******************************/
.user_case01 {
	margin-top:20px;
	position:relative;
}
.user_case01 img {
	vertical-align:bottom;
}
.user_case02 {
	position:relative;
}
.user_case02 img {
	vertical-align:top;
}
.user_txt01 {
	width:430px;
	font-size:12px;
	position:absolute;
	top:120px;
	left:240px;
}
.user_txt02 {
	width:430px;
	font-size:12px;
	position:absolute;
	top:120px;
	left:25px;
}
.user_entry {
	margin:20px auto 10px;
	text-align:center;
}

/******************************
* サイトマップ
******************************/
#mapbox {
	width:700px;
	margin:20px 100px 15px 100px;
	border:solid 1px #000000;	
}
.sitemap {
	width:680px;
	padding:30px 10px;
} 
.mapbox_l {
	width:330px;
	margin-right:10px;
	float:left;
}
.mapbox_r {
	width:330px;
	float:left;
}
#mapbox .ul01 {

}
#mapbox .ul01 li {
	list-style-type: none;
	margin-left:-1em;
	line-height:300%;
}
#mapbox .ul01_2 {

}
#mapbox .ul01_2 li {
	list-style-type: none;
	margin-left:-1em;
	line-height:150%;
}
#mapbox .ul02 {
	list-style:disc;
}
#mapbox .ul02 li {
	margin-left:-1em;
	font-size:11px;
	line-height:150%;
}
#mapbox a {
	text-decoration:underline;
} 
/*#mapbox a:hover {
	color:#E2007F;
}*/

/******************************
* SNS
******************************/
.sns {
	clear:both;
	width:661px;
	margin:25px 20px 0 19px;
	padding-top:15px;	
	font-size:12px;
}
.sns_l {
	width:256px;
	margin:0 21px 20px 0;
	padding-left:64px;
	float:left;
}
.sns_r {
	width:320px;
	margin:0 0 20px 0;
	float:left;
}
.sns_about {
	width:701px;
	height:983px;
	background:url(../images/sns_about.jpg) no-repeat;
	margin:20px 100px 0 99px;
	position:relative;
}
.sns_subtitle {
	width:661px;
	height:28px;
	position:relative;
}
.sns_subtitle01 {
	font-size:14px;
	font-weight:bold;
	position:absolute;
	top:30px;
	left:50px;
}
.sns_subtitle02 {
	font-size:14px;
	font-weight:bold;
	position:absolute;
	top:6px;
	left:30px;
}
.sns_point01 {
	width:89px;
	font-size:11px;
	line-height:120%;
	position:absolute;
	top:164px;
	left:55px;
}
.sns_point02 {
	width:89px;
	font-size:11px;
	line-height:120%;
	position:absolute;
	top:164px;
	left:568px;
}
.sns_point03 {
	width:89px;
	font-size:11px;
	line-height:120%;
	position:absolute;
	top:310px;
	left:55px;
}
.sns_point04 {
	width:89px;
	font-size:11px;
	line-height:120%;
	position:absolute;
	top:310px;
	left:568px;
}
.sns_about02 {
	clear:both;
	width:701px;
	background:url(../images/sns_bg.gif) repeat-y;
	margin:0 100px 20px 99px;
}
.sns_about_l {
	width:315px;
	margin:0 10px 10px 10px;
	padding:10px 0 0 15px;
	float:left;
}
.sns_about_r {
	width:315px;
	margin:0 16px 10px 0;
	padding:10px 0 0 19px;
	float:left;
}
.sns_img02 {
	margin:10px 203px 10px 202px;
}
.sns_url {
	width:602px;
	height:116px;
	position:relative;
	margin:10px 30px 10px 29px;
}
.sns_url_txt {
	position:absolute;
	top:72px;
	left:85px;
}

/******************************
* 読者プレゼント
******************************/
.presentbox {
	width:700px;
	height:709px;
	background:url(../images/all_present.jpg) no-repeat;
	position:relative;
}
.present_txt {
	width:626px;
	font-size:14px;
	font-weight:bold;
	position:absolute;
	top:200px;
	left:37px;
}
.present_txt02 {
	width:560px;
	margin-top:10px;
	font-size:11px;
}
.present_period {
	width:235px;
	font-size:14px;
	font-weight:bold;
	margin-right:80px;
	float:left;
}
.present_send {
	width:235px;
	font-size:14px;
	font-weight:bold;
	float:left;
}
.btn_present {
	position:absolute;
	top:610px;
	left:158px;
}
.presentbox .howto {
	width:560px;
	position:absolute;
	top:534px;
	left:70px;
}

/******************************
* iPhone NEWS 詳細ページ
******************************/
.newsbox02 {
	width:700px;
	margin:30px 100px 20px;
}
.submain {
	margin:0 auto;
	padding:5px 0 0;
}
.news_txt {
	padding:10px 0;
	border-bottom:dotted 1px #CCCCCC;
}
.news_head {
	padding-top:15px;
}

/******************************
* お詫びと訂正
******************************/
.owabibox {
	width:460px;
	margin:10px auto;
	text-align:left;
	font-size:12px;
}
.owabi_img {
	margin-left:100px;
}