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

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

	CSS information
	file name  :  layout.css
	infomation :  アジオシページのレイアウト
	device     :　ＰＣ　スマートフォン
	
 ---------------------------------------------- */
/*スマートフォンのウインドウサイズ（768px）以下の場合の指定*/




	
@media screen and (min-width: 480px) {
body {
	background:none;
	}
	

#container{
	width:958px;
	margin:0 auto;
	background:url(../../common/images/cont_bg.gif) repeat-y;
	padding:0 2px;
	}
	#container{
	width:958px;
	margin:0 auto;
	background:url(../img/head_bg.png) repeat-x top; 
	padding:0px;
	}
	}


	
@media screen and (min-width: 640px) {
#container{
	width:958px;
	margin:0 auto;
	background:url(../img/head_bg.png) repeat-x top; 
	padding:0px;
	}
	}

#head h1 , #about h2{
	height:0px;
	text-indent:-999999px;}

#head{
	width:958px;
	height:131px;
	padding-top:90px;
	background:url(../img/title_logo_org.jpg) no-repeat center;
	position:relative;
	}
	
@media screen and (max-width: 480px) {
	
	#container{
	width:100%;
	margin:0 auto;
	background:url(../img/head_bg.png) repeat-x top; 
	padding:0px;
	}
#head{
	width:100%;
	height:155px;
	padding-top:0px;
	background:url(../img/title_logo_sp-org.jpg) no-repeat center bottom;
	position:relative;
	}
	
#head #toTop{
	display:none;
	}
	
#head #toTopsp{
	display:block;
	position:absolute;
	top:5px;
	}
	}


@media screen and (min-width: 640px) {

#head #toTop{
	position:absolute;

	top:10px;
	}
	
#head #toTopsp{
	display:none;
	}

#about{
	background:url(../img/about.gif) no-repeat;
	width:731px;
	height:139px;
	margin:0 auto;
	}
}
@media screen and (max-width: 480px) {
#about{
	background:url(../img/about_sp.gif) no-repeat;
	background-position: center 10px;
	background-size:90%;
	width:100%;
	height:160px;
	margin:0 auto;
	}
	}
	
.content h2.month{
	font-size:2.8em;
	text-align:left;
	}


.content{
	padding:0 30px;
	display:table;
	border-spacing : 20px ;
	}

.content .tr{
	display:table-row;
	border-collapse: separate;
	border-spacing: 5px;
	}

.content .td{
	display:table-cell;
	width:417px;
	background-image:url(../img/boxbg.png);
	border:solid 1px #cccccc;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-o-border-radius: 1em;
	-ms-border-radius: 1em;	
	box-shadow:4px 5px 6px rgba(0,0,0,0.5);
	-moz-box-shadow:4px 5px 6px rgba(0,0,0,0.5);
	-webkit-box-shadow:4px 5px 6px rgba(0,0,0,0.5);
	-o-box-shadow:4px 5px 6px rgba(0,0,0,0.5);
	-ms-box-shadow:4px 5px 6px rgba(0,0,0,0.5);
	text-align:left;
	vertical-align:super;
	}
	
.td .box{
	min-height:195px;
	}

.box dl{
	width:220px;
	margin-left:180px;
	padding:15px 0;
	position:relative;
	}
	
.box dl dt{
	padding-left:20px;
	background:url(../img/icon_red.gif) no-repeat left center;
	font-size:1.2em;
	}
	
.box dl dd.name{
	color:#cc0000;
	font-size:1.6em;
	font-weight:bolder;
	line-height:1.0em;
	float:left;
	}
	
.box dl dd.country{
	color:#cc0000;
	padding-top:5px;
	font-size:1.2em;
	font-weight:bolder;
	line-height:1.0em;
	float:left;
	}
	
.box dl dd.bio{
	font-size:1.0em;
	font-weight:normal;
	line-height:1.4em;
	padding:10px 0;
	clear:both;
	}
	
.box dl dd.url{
	width:220px;
	color:#dd0000;
	font-size:1.2em;
	white-spce: nowrap;
	overflow:hidden;
	text-align:right;
	}
	
.box dl dd.url a{
	color:#dd0000;
	text-decoration:none;
	}

.box dl dd.pic{
	width:145px;
	height:145px;
	position:absolute;
	left:-160px;
	top:20px;
	}
	
.pic img{
	width:145px;

	}

@media screen and (max-width: 480px) {
	.content{
	padding:0 30px;
	display:block;
	border-spacing : 0px ;
	}

.content .tr{
	display:inline;
	border-collapse: separate;
	border-spacing: 0px;
	}

.content .td{
	display:block;
	width:90%;
	margin:20px  auto;
	border:solid 1px #cccccc;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-o-border-radius: 1em;
	-ms-border-radius: 1em;	
	box-shadow:4px 5px 6px rgba(0,0,0,0.5);
	-moz-box-shadow:4px 5px 6px rgba(0,0,0,0.5);
	-webkit-box-shadow:4px 5px 6px rgba(0,0,0,0.5);
	-o-box-shadow:4px 5px 6px rgba(0,0,0,0.5);
	-ms-box-shadow:4px 5px 6px rgba(0,0,0,0.5);
	text-align:left;
	vertical-align:super;
	}
	
td .box{
	min-height:195px;
	}

.box dl{
	width:90%;
	margin:0 auto;
	padding:105% 0 15px 0 ;
	position:relative;
	}
	
.box dl dt{
	padding-left:20px;
	background:url(../img/icon_red.gif) no-repeat left center;
	font-size:1.4em;
	}
	
.box dl dd.name{
	color:#cc0000;
	font-size:1.8em;
	font-weight:bolder;
	float:left;
	}
	
.box dl dd.country{
	color:#cc0000;
	padding-top:5px;
	font-size:1.4em;
	font-weight:bolder;
	float:left;
	}
	
.box dl dd.bio{
	font-size:1.4em;
	font-weight:normal;
	line-height:1.0em;
	padding:10px 0;
	clear:both;
	}
	
.box dl dd.url{
	width:298px;
	color:#dd0000;
	font-size:1.4em;
	text-align:left;
	}
	
.box dl dd.url img{
	width:145px;
	height:auto;
	}	
	
.box dl dd.url a{
	color:#dd0000;
	text-decoration:none;
	}

.box dl dd.pic{
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:40px;
	}
	
.pic img{
	width:100%;

	}

	}

#footer{
	background:url(../../common/images/bottom_bg.gif);
	width:958px;
	height:22px;
	padding-top:13px;
	}
	
#footerSp{
	display:none;
	}	
	

@media screen and (max-width: 480px) {
#footer{
	display:none;
	}
	
#footerSp{
	display:block;
	background:url(../../common/images/bottom_bg.gif);
	width:100%;
	height:50px;
	padding-top:20px;
	}		
	}	
	
	

	
/*-----------------------------------------------------------------------------
		7/19　伊藤慧　トップページ改修追記
------------------------------------------------------------------------------*/

#head .bnrTwitter{
	position:absolute;
	top:62px;
	left:504px;
	}

.bnrTwitter a img:hover{
	filter:alpha(opacity=50);
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
	opacity:0.5;
	}
	
#guest .btnBacknum{
	width:285px;
	height:45px;
	margin:25px 0 0 290px;
	}

#menu .menuBody{
	width:826px;
	margin:0 auto;
	padding:20px 0;
	background:url(../images/menu_bg.gif) repeat-y;
	}
	
.menu_end{
	width:826px;
	height:15px;
	margin:0 auto;
	background:url(../images/menu_end.gif);
	}
	
.menuTop{
	width:776px;
	margin:0 auto;
	padding:4px;
	}	
	
.menuTop p{
	width:386px;
	margin-left:2px;
	float:left;
	}

#under{
	width:100%;
	background:#333;
	}	
	
#underArea{
	width:826px;
	margin:0 auto;
	padding:20px 0;
	}
	
#underArea .followerEvent{
	float:left;
	}

#underArea .followerEvent p{
	color:#fff;
	font-size:1.6em;
	font-weight:bold;
	text-align:left;
	}
	
#underArea .followerEvent p .blue{
	color:#0CF;
	}
	
#underArea .followerEvent p .bigBlue{
	color:#0CF;
	font-size:1.5em;
	}
	
#underArea #twitter{
	margin-left:15px;
	float:left;
	}

/*-----------------------------------------------------------------------------
		8/7　読み込みボタン　追記
------------------------------------------------------------------------------*/
	
.btnNext{
	width:300px;
	margin:0 auto;
	background:#eeeded;
	border:#CCC solid 1px;
	display:block;
	color:#333;
	font-size:1.4em;
	text-decoration:none;}