@charset "utf-8";
/*
Theme Name: FRONTSTYLE
Author: FRONTSTYLE
-------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------
 COMMON
 --------------------------------------------------------------------------------------- */
body {
	color: #333333;
	font-weight: normal;
	font-family: "Hiragino Kaku GothicPro", "KozGoStd-Light", Arial, san-serif;
	line-height: 2.1;
	letter-spacing: 0.1em;
	background: #f8f7f1;
	text-align: center;
	margin: 0;
	padding:0;
	min-height:100%;
	font-size:14px;
	border-top:5px solid #333333;
}
a{
	color:#333333;
	text-decoration:none;
}
a:hover{
	color:#333333;
	text-decoration:underline;
}

/* --------------------------------------------
header
-------------------------------------------- */
#header{
	width:100%;
	height:110px;
}
#header_inner{
	margin:0 auto;
	padding:15px 0 5px 0;
	width:1080px;
}
#logo{
	margin:18px 0 0 18px;
	float:left;
}
#ad_header{
	float:right;
}
h1{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:36px;
}
h1 a{
	color:#ffffff;
}
h1 a:hover{
	border:0;
}
#navi-area{
	margin:0 auto;
	width:1010px;
}
#main-navi{
	margin:0 0 0 10px;
	width:240px;
	background:#ededed;
}
#main-navi li{
	float:left;
	width:120px;
	text-align:center;
}
#main-navi li a{
	display:block;
	padding:0;
	width:100%;
	font-family: 'Times New Roman', serif;
	font-size:100%;
}
#main-navi li a:hover{
	text-decoration:none;
}
#main-navi li a.selected{
	background:#cecdb7;
}
#main-navi li a.selected:hover{
	background:#e4e4d8;
}
#main-navi li a:hover{
	background:#dddddd;
}
/* --------------------------------------------
layout
-------------------------------------------- */
.wrapper{
	position:relative;
	margin:0 auto;
	padding:30px 35px 35px 35px;
	width:1010px;
	background:#ffffff;
}
#content{
	width:100%;
}
#main{
	float:left;
	margin:0 40px 0 0;
	padding:5px 0 35px 0;
	width:665px;
	text-align:left;
}
#side{
	float:right;
	margin:0 0 30px 0;
	width:300px;
}
.wp-pagenavi{
	margin:30px 0;
	text-align:center;
}
#footer{
	margin:30px 0 0 0;
	padding:40px 0 60px 0;
	background:#333333;
	color:#e6e6e6;
	font-size:12px;
	letter-spacing: 0;
}

/* ---------------------------------------------------------------------------------------
 TOP
 --------------------------------------------------------------------------------------- */
/* TOP NEWS LIST */
#top_news_list {
	margin:0 -30px 0 0;
	width:695px;
	text-align:left;
}
#top_news_list li.w100{
	width:665px;
}
#top_news_list li{
	float:left;
	margin:0 30px 30px 0;
	width:312px;
	line-height: 1.8;
}
#top_news_list li a{
	display:block;
	background:#ffffff;
	padding:10px;
	width:100%;
	font-size:14px;
}
#top_news_list li a:hover{
	border:0;
}
#top_news_list li .top_news_photo{
	overflow:hidden;
	margin:0 0 5px 0;
	height:200px;
	border:1px solid #ededed;
	box-sizing: border-box;
}
#top_news_list li.w100 .top_news_photo{
	overflow:auto;
	margin:0 0 10px 0;
	height:auto;
}
#top_news_list li .top_news_photo img{
	width:100%;
	height:auto;
}
.top_news_date span{
	font-size:18px;
	font-weight:bold;
}
.top_news_title{
	height:50px;
}
h2.page-title{
	margin:70px 0 20px 0;
	text-align:center;
	font-size:30px;
	color:#687379;
}

#readmore a, #readmore-snap a {
	display:block;
	margin:30px 0;
	padding:13px 0 5px 0;
	width:100%;
	height:30px;
	background:#cccccc;
	color:#ffffff;
	font-size:1.2em;
	line-height:1.4em;
	text-align:center;
	letter-spacing:0.1em;
}

#readmore a:hover, #readmore-snap a:hover {
		background:#dddddd;
		border:0;
		text-decoration:none;
	}



#pagetop_link{
	margin-top:50px;
}
#pagetop_link a{
	line-height:1.2;
}
#pagetop_link a:hover{
	text-decoration:none;
	color:#666666;
}
#pagetop_link a div{
	font-size:30px;
}
/*
.page_content{
	text-align:left;
}
*/
.page_content p{
	margin:0 0 20px 0;
}
.wp-pagenavi{
	font-size:12px;
}
/* ---------------------------------------------------------------------------------------
 SNAP
 --------------------------------------------------------------------------------------- */
#top_snap_list {
	margin:9px -30px 0 0;
	width:695px;
	text-align:left;
}
#top_snap_list li{
	position:relative;
	float:left;
	margin:0 30px 30px 0;
	width:200px;
	line-height: 1.8;
}

#top_snap_list li .top_snap_photo{
	overflow:hidden;
	margin:0;
	width:210px;
	height:310px;
	border:1px solid #ededed;
	box-sizing: border-box;
}
#top_snap_list li .top_snap_photo img{
	width:100%;
	height:auto;
}
.snap_title{
	display:none;
	position:absolute;
	top:0;
	left:0;
	background:#ffffff;
	color:#000000;
	font-weight:bold;
	padding:120px 20px 0 20px;
	width:170px;
	height:200px;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/* ---------------------------------------------------------------------------------------
 SNAP SINGLE
 --------------------------------------------------------------------------------------- */
.snap-nav-previous, #snap-single-content, .snap-nav-next{
	float:left;
}
.snap-nav-previous, .snap-nav-next{
	margin:290px 0 0 0;
	width:100px;
	text-align:center;
}
#snap-single-content{
	width:430px;
	text-align:center;
}
#back_list{
	margin:30px 0 0 0;
}
#snap_tags{
	margin:15px 0 0 0;
	padding:20px;
	background:#f5f5f5;
}
#single_snap_list_title{
	margin:50px 0 0 0;
	padding:10px 0 0 0;
	border-top:1px solid #333333;
	font-size:130%;
}
/* ---------------------------------------------------------------------------------------
 SINGLE
 --------------------------------------------------------------------------------------- */
#main_single{
	float:left;
	padding:30px 0 0 0;
	width:750px;
	text-align:left;
}
#works_single{
	text-align:left;
}
.single_title{
	margin:0 0 30px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #666666;
	font-size:18px;
	line-height:28px;
	font-weight:normal;
	font-family: "Hiragino Kaku GothicPro", "KozGoStd-Light", Arial, san-serif;
}
.single_author{
	margin:5px 0 0 0;
	text-align:right;
	letter-spacing:0.05em;
}
#single_content{
	margin:20px 0;
}
#single_content p{
	margin:0 0 15px 0;
}
#single_content img{
	margin:0 0 15px 0;
}
#nav-single{
	margin:70px 0 0 0;
}
#nav-single .nav-previous{
	float:left;
}
#nav-single .nav-next{
	float:right;
}

.related_posts{
	margin:70px 0 0 0;
	padding:10px 0 0 0;
	border-top:1px solid #333333;
}
.related_posts ul li{
	margin:15px 0;
	line-height:150%;
}
.related_posts ul li .related_photo{
	float:left;
	margin:0 20px 0 0;
}
.related_posts ul li .related_photo img{
	width:150px;
	height:150px;
	border:1px solid #e6e6e6;
}
.related_posts ul li .related_title{
	margin:30px 0 0 0;
}
/* ---------------------------------------------------------------------------------------
 SIDEBAR
 --------------------------------------------------------------------------------------- */
#side{
	text-align:left;
}
.side_title{
	margin:40px 0 5px 0;
	padding:5px 0;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	text-align:center;
}
.wpp-list {
	counter-reset: number;
	list-style: none;
}
.wpp-list li:before {
	color:#ffffff;
	content: counter(number);
	counter-increment: number;
	text-align: center;
	opacity: .999;
	float: left;
	line-height: 30px;
	width: 30px;
	height: 30px;
	background-color:#333333;
	border-radius: 2px;
	-moz-border-radius: 2px;
	margin:0 -30px 0 0;
}
.wpp-list li{
	margin:15px 0 0 0;
	line-height:160%;
}
.wpp-list .wpp-thumbnail{
	margin:0 15px 0 0;
}
#side h4{
	float:left;
	margin:10px 0 0 3px;
	width:80px;
	text-align:left;
}
#side .archives{
	float:left;
	margin:10px 0 0 0;
	width:200px;
	text-align:left;
}
#side .archives li{
	float:left;
	width:100px;
}


/* ---------------------------------------------------------------------------------------
 NEWS SINGLE
 --------------------------------------------------------------------------------------- */
.news_info_box{
	display:block;
	margin:20px 0 0 0;
	padding:20px;
	background:#f5f5f5;
}
.news_concept_box{
	padding:5px 0 5px 20px;
	border-left:3px solid #c0c0c0;
	font-size:0.9em;
	line-height:1.8em;
}
#main p {
	margin-top: 1em;
	line-height:200%;
	letter-spacing:0.05em;
}
.google_ad{
	margin:50px 0 0 0;
}

/* ---------------------------------------------------------------------------------------
 CONTACT
 --------------------------------------------------------------------------------------- */
.wpcf7{
	padding:50px 0 0 0;
}
.wpcf7-text{
	width:400px;
}
.wpcf7-textarea{
	width:800px;
	height:300px;
}
.wpcf7-submit{
	display:block;
	margin:30px auto;
	padding:10px 25px 15px 15px;
	width:300px;
	height:40px;
	background:#666666;
	color:#ffffff;
	font-size:1.2em;
	line-height:1.4em;
	text-align:center;
	border:0;
	letter-spacing:0.2em;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.wpcf7-submit:hover{
	cursor:pointer;
	background:#333333;
}

.table_01{
margin:0;
width: 100%;
border-collapse: collapse;
}
.table_01 th{
width: 25%;
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.table_01 td{
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}

/*----------------------------------------------------
	glam
----------------------------------------------------*/
#side #glam_ad {
	width: 300px;
	margin-bottom: 20px;
}
.glam-text {
	padding:0 0 3px 0;
	color: #666666;
	font-size: 10px;
	line-height: 120%;
	text-align:right;
}
.pr-text {
	color: #666666;
	font-size: 10px;
	line-height: 120%;
	text-align:right;
}
.glam-widget{
	width: 300px;
	margin: 30px 0 20px 0;
}
.glam-logo{
	border:1px solid e6e6e6;
}
#pr_ad {
	width: 300px;
	margin-bottom: 20px;
}
.pr_area{
	margin:30px 0 0 0;
	padding:15px;
	background:#ededed;
	font-size:11px;
}
.pr-text2 {
	color: #333333;
	font-size:0.9em;
	height: 10px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}


/*----------------------------------------------------
	banner
----------------------------------------------------*/
#present_banner {
	border: 1px solid #e8e0cf;
	padding: 4px;
	background-color: #fff;
	font-size: smaller;
	height: 216px;
	margin-bottom: 20px;
	width: 290px;
}
#present_banner2 {
	border: 1px solid #e8e0cf;
	padding: 4px;
	background-color: #fff;
	font-size: smaller;
	height: 95px;
	margin-bottom: 20px;
	width: 290px;
}