/*
Theme Name: alco_blog2
Author: alco_blog2
*/


/****************************************
		1. reset
*****************************************/
html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	color:#333333;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 15px;
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','HiraginoSansPr6N','ＭＳ Ｐゴシック',sans-serif;
	vertical-align: baseline;
	list-style:none;
}
a{
	color:#333333;
	text-decoration:none;
}

a:hover{
	color:#999;
}

.clearfix:after{
content: ".";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
.clearfix{
zoom: 1;
}

blockquote {
border-left: 5px solid #ddd;
background: #eee;
padding: 10px;
margin: 20px 0;
}
blockquote p {
margin: 0 !important;
}

/****************************************
		2. base 
*****************************************/

/* float */
.fl {float: left;}
.fr {float: right;}

/* text-align */
.tl {text-align: left;}
.tc {text-align: center;}
.tr {text-align: right;}


/* color */
.orange{color:#FF8908;}

/* font */
.bold{font-weight:bold;}
.font_S{font-size:90% !important;}
.font_L{font-size:125% !important;}
.font_LLL{font-size:185% !important;}

.font_S p{font-size:96% !important; line-height:1.5;}

/* margin */
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb25{margin-bottom:15px !important;}
.mb50{margin-bottom:50px !important;}

.pl140{padding-left:140px;}

/* width */
.width50par {width:50%;box-sizing:border-box;}
.width60par {width:60%;box-sizing:border-box;}
.width70par {width:70%;box-sizing:border-box;}
.width80par {width:80%;box-sizing:border-box;}
.width90par {width:90%;box-sizing:border-box;}

/****************************************
		3. Basic Layout 
*****************************************/
html{
	font-size: 14px;
}
body{
	line-height: 180%;
	font-size: 115%;
}

.inner{
	width:980px;
	margin:auto;
}

a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;opacity:0.7;
}

a.noop:hover img{
	opacity:1;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1;                 /* FF lt 1.5, Netscape */
	-khtml-opacity:1;              /* Safari 1.x */
	zoom:1;opacity:1;
}


.tp{
	line-height:1.5;
}


/****************************************
		4. header 
*****************************************/

header{
	padding:0 0 15px 0;
}

header .logo{
	margin-top:15px;
	float:left;
}

header .header_list01{
	text-align:right;
}

header .header_list01 li{
	margin-left:8px;
	font-size:80%;
	display:inline;
}

header .header_list02 li{
	margin-left:8px;
	float:left;
}

/****************************************
		4. gnav 
*****************************************/
#gnav{
	background:url(images/gnav_bg.png) repeat-x;
	height:52px;
}

#gnav ul{
	background:url(images/gnav_line.png) right no-repeat;
	height:52px;
}

#gnav ul li{
	background:url(images/gnav_line.png) left no-repeat;
	float:left;	
}

#gnav ul li img{
	vertical-align:middle;

}

#gnav ul li a{
	width:196px;
	height:48px;
	line-height:44px;
	font-weight:bold;
	text-align:center;
	display:block;
}

#gnav ul li a:hover{
	/*background:rgba(0,0,0,0.1);*/
}



/****************************************
		5. content 
*****************************************/
#content{
	padding:25px 0 0 0;
}

.box{
	background:#FFF;
	box-shadow: inset 0 0 0 10px #F2F2F2; 
	border:solid 1px #D3D3D3;
	padding:25px 20px;
	margin-bottom:15px;
}

.totop{
	background:#E6E6E6;
	width:150px;
	font-size:75%;
	float:right;
	text-align:center;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
}

.pankuzu {
	font-size: 70%;
}

.pankuzu a {
	text-decoration: underline; 
}

.pankuzu a:hover {
	text-decoration: none; 
}

/****************************************
		6. main 
*****************************************/
#main{
	/*width:656px;*/
	width:750px;
	float:left;
}

.main_title{
	background:url(images/main_title_bg.png) no-repeat;
	/*width:636px;*/
	width:100%;
	box-sizing:border-box;
	height:38px;
	line-height:38px;
	font-weight:bold;
	padding-left:20px;
	margin-bottom:15px;
}


#main .box .undline{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:dotted 1px #333;
}

#main .box .undline .date{
	color:#999;
	font-size:75%;
	padding-top:5px;
	line-height:1;
	font-weight:bold;
	float:left;
}

#main .box .undline .box_snsbtn{
	height: 18px;
	float:right;
}

#main .box .undline .box_snsbtn .wp_social_bookmarking_light {
padding: 0px 0 20px 0 !important;
}

#main .box .category{
	margin-bottom:10px;
}

#main .box .category li{
	background:#EDECEB;
	border:1px solid #D1D1D1;
	display:inline-block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size:60%;
	padding:0 5px;
	margin-right:5px;
	margin-bottom:5px;
}

#main .box .category li a{
	font-weight:bold;
	display:block;
}

#main .box .article .img{
	border:solid 1px #D1D1D1;
	margin-right:15px;
	float:left;
}
#main .box .article .img img{
	vertical-align: bottom;
}

#main .box .article img{
	max-width: 100%;
}

#main .box .more{
	color:#754C24;	
}

#main .box .more a{
	color:#754C24;
	text-decoration:underline;
}

#main .box .more a:hover{
	text-decoration:none;
}

/****************************************
		7. side 
*****************************************/
#side{
	/*width:302px;*/
	width:205px;
	float:right;
}

.side_title{
	background:url(images/side_title_bg.png) no-repeat;
	height:38px;
	line-height:38px;
	/*width:282px;*/
	padding-left:20px;
	width:205px;
	box-sizing:border-box;
	margin-bottom:15px;
}

.sns{
	margin-bottom:15px;
}

.sns .btns{
	/*width:300px;
	height:60px;*/
	width:205px;
	height:85px;
	position:relative;
	margin-bottom:15px;
	background-position:left top;
}

.sns .btns a{
	width:160px;
	height:28px;
	line-height:28px;
	text-align:center;
	font-size:75%;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 18%, rgba(204,204,204,1) 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(18%,rgba(255,255,255,1)), color-stop(98%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 18%,rgba(204,204,204,1) 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 18%,rgba(204,204,204,1) 98%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 18%,rgba(204,204,204,1) 98%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 18%,rgba(204,204,204,1) 98%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	border:1px solid #D1D1D1;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position:absolute;
	top:51%;
	right:20px;
}
.sns .btns.fb div{
	position:absolute;
	top:51%;
	right:20px;
	width:160px;
	height:28px;
	border-radius:3px;
	background-color:#fff;
	text-align:right;
	padding-top:4px;
	box-sizing:border-box;
}
.sns .btns.twitter iframe{
	position: absolute;
	top: 51%;
	right: 43px;
}
.sns .btns a:hover{
	color:#333;
	border:solid 1px #999;
}

.sns .fb{background:url(images/side_facebook_bg.png) no-repeat}
.sns .twitter{background:url(images/side_twitter_bg.png) no-repeat}
.sns .rss{background:url(images/side_rss_bg.png) no-repeat}

.sns_secondary{
	margin-bottom:15px;
}
.sns_secondary .btns{
	width:205px;
	height:43px;
	margin-bottom:10px;
}
.sns_secondary .fb{background:url(images/side_facebook_btn.png) no-repeat}
.sns_secondary .fb div {
	float:right;
	border:1px solid #fff;
	border-radius:3px;
	height:21px;
	margin:10px;
}
.new_list li{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:dotted 1px #333;
}

.new_list li{
	font-size:75%;
	line-height: 1.5;
}

.new_list li span.date{
	background:#F2F2F2;
	text-align:center;
	display:block;
	margin-bottom:10px;	
}

.catlist li{
	font-size:75%;
}

.catlist li:before{
	content:'▶';
}

.textwidget {
	line-height:1.6;
}
.textwidget img {
	margin-left:10px;
	margin-bottom:5px;
	float:right;
}
.textwidget h5 {
	font-weight:bold;
	font-size:115%;
	margin-top:10px;
}
.textwidget h6 {
	font-size:100%;
	font-weight:normal;
	margin-bottom:10px;
}
/****************************************
		8. footer_top 
*****************************************/
#footer_top{
	background:#F3F3F3;
	border-top:solid 2px #E6E6E6;
	padding:25px 0;
	font-size: 15px;
}

#footer_top .inner{
	width:980px;
}

/*
#footer_top ul.dai{
	width:220px;
	height: 200px;
	padding-left:15px;
	border-left:1px dotted #666666;
	float:left;
}

#footer_top ul.dai:last-child{
	width: 145px;
}

#footer_top ul.dai:first-child{
	width:196px;
	padding-left:0;
	border-left:none;
}
*/

#footer_top .box01,
#footer_top ul.box02,
#footer_top ul.box03,
#footer_top ul.box04 {
	height: 140px;
	padding: 0 25px 0 12px;
	border-left:1px dotted #666666;
	float:left;
}

#footer_top .box01 {
	padding:0 25px 0 0;
	border:none;
}

#footer_top .box01 p {
	color:#666;
	font-size: 75%;
	margin:0 0 8px 0;
}

#footer_top .box01 .upper {
	padding:0 0 9px 0;
	border-bottom:1px dotted #bbb;
}

#footer_top .box01 .upper p {
        margin:0 0 0 20px;
	line-height:1.5;
}

#footer_top .box01 .downer {
	padding:16px 0 0 0;
}

#footer_top .box01 .downer .fl p {
	margin:11px 0 0 12px;
	line-height:1.5;
}

#footer_top ul.box04 {
	padding-right:0;
}

#footer_top ul li{
	color:#333;
	font-weight:bold;
	font-size: 70%;
}

#footer_top ul li.mark{
	background:url(images/marks.png) left 8px no-repeat;
	padding-left:20px;
}

#footer_top ul li a{
	color:#333;
}

#footer_top ul li li{
	color:#666;
	font-weight:normal;
	font-size:60%;
}


#footer_top ul li li a{
	color:#666;
}

#footer_top a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/****************************************
		9. footer_bottom 
*****************************************/

#footer_bottom{
	background:#D1D0CF;
	padding:10px 0;
	text-align:center;
}

#footer_bottom small{
	font-size:75%;
}

/****************************************
		10. single
*****************************************/
.single .single_title{
	font-size:150%;
}

.content_entry p{
	margin-bottom:20px;
}

.single .authors .img{
	margin-right:15px;
	float:left;
}

.single .authors img{
	border:solid 1px #D1D1D1;
	vertical-align: bottom;
}

.single .content_entry h1,
.single .content_entry h2,
.single .content_entry h3,
.single .content_entry h4,
.single .content_entry h5,
.single .content_entry h6 {
	margin-bottom:10px;
}
.single .content_entry h1 {
	font-size:150%;
}
.single .content_entry h2 {
	font-size:140%;
}
.single .content_entry h3 {
	font-size:130%;
}
.single .content_entry h4 {
	font-size:120%;
}
.single .content_entry h5 {
	font-size:110%;
}
.single .content_entry h6 {
	font-size:100%;
}

/* banner */
.banner {
	width: 748px;
	margin: 40px 0;
	padding: 10px 0;
	border: 1px solid #d6d6d6;
	text-align : center;
}

.banner a {
	outline: none;
}

.banner img {
	width: 96%;
	vertical-align: bottom;
}

.contact .box {
    background: #FFF;
    box-shadow: inset 0 0 0 10px #F2F2F2;
    border: solid 1px #D3D3D3;
    padding: 25px 20px;
    margin-bottom: 15px;
    position: relative;
    margin-top: 40px;
}

.contact .mb10 {
    margin-bottom: 10px !important;
}

.contact .tc {
    text-align: center;
}


.contact .info ul li {
    margin-left: 3px;
    margin-right: 3px;
}

.contact .info ul {
    width: 640px;
    margin: 0 auto;
}

.contact .fl {
    float: left;
}

.contact .fr {
    float: right;
}

.contact .info .tel {
    background: #f2f2f2;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-align: center;
    padding: 10px;
}