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


/*-----------------------------------------------
 header
-----------------------------------------------*/

#header {
	width:100%;
}

#header h1,
#secondheader h1{
	width:100%;
	display:block;
	clear:both;
	text-align:center;
	border-top:2px solid #000;
	background-color:#fff;
}

.modalBtn{
	float:left;
}

.logo{
	float:right;
}

.logo li{
	float:left;
	margin-right:5px;
}

/*-----------------------------------------------
 footerMenuEntry
-----------------------------------------------*/


#footerEntry{
	font-size:11px;
	text-align:left;
}

#footerEntry h4{
	margin-left:15px;
	font-weight:bold;
}

.ftentryBox{
	padding:15px 15px 0 15px;
}

.ftentryBox li{
	font-size:13px;
	line-height:1.3;
	margin-bottom:10px;
	padding-left:15px;
	background: url(../../sharedimages/arrow.gif) 0px 6px no-repeat;
}

.ftentryBox li a{
	color:#c10077;;
}

/*-----------------------------------------------
 footer
-----------------------------------------------*/

#footerMenu{
	font-size:11px;
	color:#fff;
	text-align:left;
}

#footerMenu h4{
	color:#fff;
	margin-left:15px;
}

#footerMenu ul{
	width:130px;
	float:left;
}

#footerMenu li{
	margin-bottom:5px;
	padding-left:15px;
	background: url(../../sharedimages/arrow_w.gif) 0px 6px no-repeat;
}

#footerMenu li a{
	color:#fff;
}

.footerMenuBox{
	width:290px;
	margin:5px auto 0px auto;
}

#footer{
	background:#fff;
	padding:10px;
	text-align:center;
	font-size:8px;
	font-weight:bold;
}
 
/*-----------------------------------------------
 __container
-----------------------------------------------*/
#container {
	width:100%;
	overflow: hidden;	
	background-color:#fff;
}

.wrapper{
	padding:0px 15px 15px 15px;
}

/*-----------------------------------------------
 __ソーシャル
-----------------------------------------------*/
#shareperBox{
	width:290px;
	margin:10px auto;
}

#share{
 width:136px;
 float:left;
 margin-top:25px;
}

#share li{
	float: left;
	margin:0 2px;
}

.personarityBox{
	width:150px;
	float:right;
}

.personarityBox li{
	float: left;
	margin:0 2px;
}

.personarityBox li span{
	display: block;
	font-size:10px;
	text-align:center;
}

#shareSecond{
 width:168px;
 margin-top:10px;
}

#shareSecond li{
	float: left;
	margin:0 5px;
}

/*-----------------------------------------------
 __共通横メニュー
-----------------------------------------------*/

.menuBox{
	overflow:hidden;
	padding:15px;
	border-top:1px solid #fff;
	border-bottom:1px solid #eee;
	background-color:#fff;
	height:75px;
	position:relative;
}

.menuDetail{
	line-height:1.3;
	color:#000;
	font-size:15px;
	word-wrap:break-word;
	word-break:break-all;
}

.menuPhoto{
	position: absolute;
	left: 14px;
	z-index: 10;
	overflow: hidden;
}

.menuDate{
	font-size:8px;
	font-weight:bold;
	color: #000;
	padding-bottom: 3px;
}

.menuTitle{
	font-size:14px;
	line-height:16px;
	padding-bottom: 3px;
}

.menuTitle span{
	color:#c10077;
}

.menuWord{
	font-size:11px;
}

.menuBox a{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:11;
}

.newsMenuDetail,.storyMenuDetail{padding-left:110px;}
.friendMenuDetail{padding-left:85px;;}


.newsMenuPhoto,.storytMenuPhoto{width: 100px;height: 75px;}
.friendsMenuPhoto{width:75px;height:75px;}

.newsMenuPhoto img,.storyMenuPhoto img{width:100px;}
.friendsMenuPhoto img{width:100%;}


.pageswitch{
	width:100%;
	text-align:center;
	padding:10px 0;
}
.pageswitch a{
	color:#c10077;
}