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

* {
    margin: 0;
    padding: 0;
}

/*--------------------------------------------------------------------
HTML5
--------------------------------------------------------------------*/
div_list,aside,details,footer,header,hgroup,menu,nav,article,summary,list_description_area {
	display: block;
}

.none {  display: none;}
.clear { clear:both; } 

html {
	/*overflow-y: scroll;*/
	
	overflow-x: hidden;
	margin-bottom:1px;
	width: 100%;
    height:100%;
	padding: 0px;
	margin: 0px;
	overflow-y:scroll;
	

} /* for mozilla: always display scrollbar */
* html #wrapper {/*IE6*/
	height: 100%;
	
}
 
a:link{
	color: #121212;
	text-decoration:none;
	}

a:visited{
	color: #121212;
	text-decoration:none;
	}

a:active{
	color: #121212;
	text-decoration:none;
	}

a:hover{
	color: #121212;
	text-decoration: underline;
	}



body{
	width:100%;
	height: 100%;
	background:#f3f1eb;
	
	background-repeat:repeat-x;
	/*color:#54432F;
	background-image:url(/ayumilog/common/img/pc/bg_top.png);*/
	color:#121212;
	/*font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;*/
	/*font-family: 'Amatic SC', cursiveHiragino Mincho ProN,ＭＳ Ｐ明朝, MS PMincho,ヒラギノ明朝 Pro W3, Hiragino Mincho Pro;*/
	font-family: 'BenchNine', sans-serif;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	/*font-family:Georgia,"Times New Roman",Hiragino Mincho ProN,ＭＳ Ｐ明朝, MS PMincho,ヒラギノ明朝 Pro W3, Hiragino Mincho Pro,serif;*/
}

#div_wrapper,#container {
	width:100%;
	height:100%;
	text-align: center;
	margin: auto 0;
	margin:auto;
}
#container {
	margin-top:1%;
}

#container .detail_description{
	display:block;
	width:auto;
	height:auto;
	font-size:1em;
	line-height:120%;
	text-align:left;
	padding-top:2%;
	padding-bottom:2%;
	font-family:Georgia,"Times New Roman",Hiragino Mincho ProN,ＭＳ Ｐ明朝, MS PMincho,ヒラギノ明朝 Pro W3, Hiragino Mincho Pro,serif;
}

#div_header,#div_nav,#div_articles {

	margin: auto 0;
	margin:auto;
	display:block;
}

/*--------------------------------------------------------------------
HEADER
--------------------------------------------------------------------*/
#div_header{
	text-align:center;

}



h1 a {
	display:block;
}

#logo{
	font-size:4em;
	padding:5px;
	display:inline-block;
	text-align:center;
}

.article_small {
  	display:block;
	text-align:left;
	float:left;
	margin-top:0px;
	margin-left:0px;
	position:relative;
	width:280px;
	height:450px;
}


.article_small a{
	
 display: block ;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
}
/*
.article_small h2{
	display:block;
	font-size:16px;
	margin:0;
	padding:0;
	top:20px;
	left:32px;
	position:absolute;

}
*/
.article_small h2{
	position:absolute;
	width:250px;
	height:20px;
	float:left;
	top:190px;
	right:0px;
	margin-right:30px;
	/*background-image:url("/common/img/pc/art_update.png");
	background-repeat:no-repeat;*/

	font-size:1em;
	text-align:center;
	font-weight:100;
	color:#FFF;
	padding-top:0px;
	font-family:Georgia,"Times New Roman",Hiragino Mincho ProN,ＭＳ Ｐ明朝, MS PMincho,ヒラギノ明朝 Pro W3, Hiragino Mincho Pro,serif;
}

.article_small h3{
	position:absolute;
	width:250px;
	height:100px;
	float:left;
	top:140px;
	right:0px;
	margin-right:30px;
	/*background-image:url("/common/img/pc/art_update.png");
	background-repeat:no-repeat;*/

	font-size:28px;
	text-align:center;
	color:#FFF;
	padding-top:0px;

}

.article_small p{
	margin-right:30px;
	line-height:150%;
	font-family:Georgia,"Times New Roman",Hiragino Mincho ProN,ＭＳ Ｐ明朝, MS PMincho,ヒラギノ明朝 Pro W3, Hiragino Mincho Pro,serif;
}

.article_small img{
	position:relative;
	top:0px;
	left:0px;
	border:none;
	overflow:hidden;
	
}

img{
border:none;
}



/*--------------------------------------------------------------------
ARTICLE
--------------------------------------------------------------------*/
.list_small {
	
 	display:block;
	text-align:left;
	float:left;
	margin-top:0px;
	margin-left:0px;
	position:relative;
	width:280px;
	height:450px;
}


.list_small h2{
	position:absolute;
	width:250px;
	height:auto;
	float:left;
	top:190px;
	right:0px;
	margin-right:30px;
	/*background-image:url("/common/img/pc/art_update.png");
	background-repeat:no-repeat;*/

	font-size:1em;
	text-align:center;
	font-weight:100;
	color:#FFF;
	padding-top:0px;
	font-family:Georgia,"Times New Roman",Hiragino Mincho ProN,ＭＳ Ｐ明朝, MS PMincho,ヒラギノ明朝 Pro W3, Hiragino Mincho Pro,serif;

}

.list_small h3{
	position:absolute;
	width:250px;
	height:auto;
	float:left;
	top:140px;
	right:0px;
	margin-right:30px;
	/*background-image:url("/common/img/pc/art_update.png");
	background-repeat:no-repeat;*/

	font-size:28px;
	text-align:center;
	color:#FFF;
	padding-top:0px;
}

.list_small p{
	position:absolute;
	width:auto;
	height:auto;
	top:360px;
	left:0px;
	font-size:1em;
	line-height:150%;
	margin-right:30px;
	font-family:Georgia,"Times New Roman",Hiragino Mincho ProN,ＭＳ Ｐ明朝, MS PMincho,ヒラギノ明朝 Pro W3, Hiragino Mincho Pro,serif;
}

#related_link_area{
	display:block;
	margin:20px;
	float:left;
}

.pin{
	display: inline-block;
  	width:140px;
	height:200px;
    margin: 0 2px 15px;
    padding-right: 15px;
    padding-bottom: 5px;
  
}



/*MAIN ARTICLE----------------------------------------------------*/
/*
/*--------------------------------------------------------------------
ARTICLE
--------------------------------------------------------------------*/
.detail_small {
  	display:block;
	text-align:left;
	float:left;
	margin-top:0px;
	margin-left:0px;
	position:relative;
	width:280px;
	font-family:Georgia,"Times New Roman",Hiragino Mincho ProN,ＭＳ Ｐ明朝, MS PMincho,ヒラギノ明朝 Pro W3, Hiragino Mincho Pro,serif;	
}

.detail_small h2{
	position:absolute;
	width:250px;

	float:left;

	left:0px;
	margin-right:30px;
	/*background-image:url("/common/img/pc/art_update.png");
	background-repeat:no-repeat;*/

	font-size:18px;
	text-align:center;
	font-weight:100;
	color:#FFF;
	padding-top:0px;

}

.detail_small p{
	width:250px;
	height:30px;
	position:absolute;
	width:auto;
	height:auto;
	left:0px;
	font-size:16px;
	line-height:150%;
	margin-right:30px;
}

.detail_small a{
	border:none;
}

.detail_small .detail_description_area{
	height:60px;	
}

/*--------------------------------------------------------------------
NAVIGATION
--------------------------------------------------------------------*/
#div_nav{
	text-align:center;
	/*width:100%;*/
	padding:5px;
	
}

.ul_navigation{
	font-size:2em;
} 


.ul_navigation li{

	list-style: none;
	display: inline-block;
	display: -moz-inline-box;
  		/display: inline;
  		/zoom: 1; 
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: -10px;
	padding-bottom: 0px;
	padding-left: 3px;		
}
.ul_navigation.footer li{
	margin-bottom:30px;
}
/*--------------------------------------------------------------------
DETAIL
--------------------------------------------------------------------*/



div.main_title{
	display:block;
	text-align:center;
	font-size:3.2em;

}
div.main_title .main_sub_title{
	text-align:center;
	font-size:16px;
	height:20px;
}
div.main_title .main_title_sub{
	/**div.main_title .main_title_subはパンナビです*/
	font-size:16px;
	vertical-align:14px;
	font-weight:100;

	
}

div.detail_title_area{
	padding-top:2%;
	text-align:center;
}

div.detail_title_area h2{
	font-family:Georgia,"Times New Roman",Hiragino Mincho ProN,ＭＳ Ｐ明朝, MS PMincho,ヒラギノ明朝 Pro W3, Hiragino Mincho Pro,serif;	
	font-size:1.8em;

}
div.detail_title_area h3{
	font-family:Georgia,"Times New Roman",Hiragino Mincho ProN,ＭＳ Ｐ明朝, MS PMincho,ヒラギノ明朝 Pro W3, Hiragino Mincho Pro,serif;
	font-size:1.4em;
}



div.detail_info_area{
	display:block;
	font-family:Georgia,"Times New Roman",Hiragino Mincho ProN,ＭＳ Ｐ明朝, MS PMincho,ヒラギノ明朝 Pro W3, Hiragino Mincho Pro,serif;
	width:100%;
	height: auto;
	background-color:#404040;
	color:#FFF;
	font-size:1em;
	line-height:120%;
	overflow: auto;
	margin-top:30px;
	margin-bottom:30px;
	
}

div.detail_info_area a{
	color:#FFF;
}


div.detail_info_area_left{
	width:450px;
	height:auto;
	margin-left:30px;
	margin-top:30px;
	display:block;
	float:left;
	margin-bottom:30px;
	
}

div.detail_info_area_right{
	width:auto;
	height:450px;
	color:#FFF;
	display:block;
	margin-right:30px;
	margin-top:30px;
	float:right;
	padding-bottom:30px;
	text-align:right;

}
div.detail_info_area p.detail_info_area_title{
	font-size:20px;
	margin-bottom:30px;
}

@media (max-width: 425px) {
	
div.detail_info_area{
	display:block;
	font-family:Georgia,"Times New Roman",Hiragino Mincho ProN,ＭＳ Ｐ明朝, MS PMincho,ヒラギノ明朝 Pro W3, Hiragino Mincho Pro,serif;
	margin-top:10px;
	height: auto;
	width:100%;
	background-color:#404040;
	color:#FFF;
	font-size:1em;
	line-height:100%;
	overflow: auto;
	margin-bottom:10px;
	
}

 div.detail_info_area_left{
	width:auto;
	height:450px;
	color:#FFF;
	display:block;
	float:left;
	margin-bottom:30px;
	
}

div.detail_info_area_right{
	width:425px;
	display:block;
	float:left;
	height:450px;
	text-align:right;

}
div.detail_info_area p.detail_info_area_title{
	font-size:20px;
	margin-bottom:30px;
}

}







div.detail_pagenav{
	text-align:right;
	margin-right:0px;
	font-size:2em;
	margin-top:10px;
	margin-bottom:10px;
	line-height:150%;
	
	
}


/*


div.detail_info_area p.detail_info_area_detail{
	font-size:16px;
}

*/

/*--------------------------------------------------------------------
FOOTER
--------------------------------------------------------------------*/

.ad{
	width:100%;
	height:auto;
	text-align:center;	
	margin-top:30px;
	margin-bottom:30px;
}

#div_footer {
	height:200px;
	margin-top:10px;
	width:100%;
	display:block;
	text-align:center;
	/*background-color:#191919;
	color:#DBCCB3;*/
	padding-top:30px;
	
}

.footer_alert{
	font-family:Georgia,"Times New Roman",Hiragino Mincho ProN,ＭＳ Ｐ明朝, MS PMincho,ヒラギノ明朝 Pro W3, Hiragino Mincho Pro,serif;
}

.footer_copyright{
	margin-bottom:30px;
	font-family:Georgia,"Times New Roman",Hiragino Mincho ProN,ＭＳ Ｐ明朝, MS PMincho,ヒラギノ明朝 Pro W3, Hiragino Mincho Pro,serif;
}