@charset "utf-8";
/*
Theme Name: AffiporterDesign
Theme URI: http://affi-porter.com/wp/
Description: AffiporterDesign's Responsive Template
Version: 1.1
Author: 羽田　和広
Author URI: http://affi-porter.com/wp/
License:
License URI:
Tags: custom-header, custom-menu
*/

/* CSS Document */

/*********************************

共通部

**********************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure{
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

body{
	background-color:#eee;
	overflow-y:scroll;
	background-image:url(img/white_bg.jpg);
	background:none;
}

body.color-1{
	background-image:url(img/white_bg.jpg);
	background:none;

}

body.color-2{
	background-image:url(img/black_bg.jpg);
	background:none;
}

body.color-3{
	background-image:url(img/pink_bg.jpg);
	background:none;
}

body.color-4{
	background-image:url(img/orange_bg.jpg);
	background:none;
}

body.color-5{
	background-image:url(img/blue_bg.jpg);
	background:none;
}

body, textarea {
	font-size:14px;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

input, select {
	font-family: Arial, "ＭＳ Ｐゴシック", sans-serif;
}

input{
	margin:0;
	padding:0.5% 1%;
}

ul,ol,li{
	list-style:none;
	margin:0;
	padding:0;
}

a{
	text-decoration:none;
}

a:link{
	color:#0008d1;
}

a:visited{
	color:#0008d1;
}

a:hover{
	color:#ccccff;
}

small{
	font-size:83%;
}

.str_red{
	color:#f00;
}

.str_bold{
	font-weight:bold;
}

.str_small{
	font-size:10px;
}

.margin_b2per{
	margin-bottom:2%;
}


.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
}


/*****************************************

common

*****************************************/

#wrapper{
	width:1000px;
	margin:0 auto;
	padding:10px 0;/*
	background-color:#fcfcfc;*/
}

#contents{
	width:1000px;
	margin:0 auto;
}

#left_column{
	float:left;
	width:25%;
	padding:1% 1% 1% 0;
}

#main_column{
	float:left;
	padding:1% 0;
}


body.one-column #main_column{
	width:100%;
}

body.two-column #main_column{
	width:74%;
}

body.three-column #main_column{
	width:48%;
}



#right_column{
	float:right;
	width:25%;
	padding:1% 0 1% 1%;
}

/* パンくず */

div.crumb_box{
	width:100%;
	padding:0 0 0;
}

ol#crumbs li{
	float:left;
	padding:0 7px 0 17px;
	background-image:url(img/crumb.png);
	background-repeat:no-repeat;
	background-position:left center;
}


ol#crumbs li.crumb_home{
	padding:0 8px 0 0;
	background-image:none !important;
}


/*****************************************

header

*****************************************/
div#header{
	width:100%;
	padding:10px 0;
	background-color:#fff;
}

body.color-1 div#header{
	background-color:#fff;
}

body.color-2 div#header{
	background-color:#eee;
}

body.color-3 div#header{
	background-color:#faedef;
}

body.color-4 div#header{
	background-color:#fff4eb;
}

body.color-5 div#header{
	background-color:#f2f3ff;
}

div.site_info{
	position:absolute;
	left:20px;
	top:20px;
}

div.main_img{
	position:relative;
	width:1050px;
	height:410px;
	margin:0 auto 0 auto;
}

div.menu-global-wrapper{
	width:100%;
	margin:0 0 10px 0;
	background-image:url(img/menu_wbg.jpg);
	background-repeat:repeat-x;
	box-shadow:0px 2px 5px #999;
}

body.color-1 div.menu-global-wrapper{
	background-image:url(img/menu_wbg.jpg);
	background-repeat:repeat-x;
	background-color: #eeeeee;
}

body.color-2 div.menu-global-wrapper{
	background-image:url(img/menu_bkbg.jpg);
	background-repeat:repeat-x;

}

body.color-3 div.menu-global-wrapper{
	background-image:url(img/menu_pbg.jpg);
	background-repeat:repeat-x;
}


body.color-4 div.menu-global-wrapper{
	background-image:url(img/menu_obg.jpg);
	background-repeat:repeat-x;
}

body.color-5 div.menu-global-wrapper{
	background-image:url(img/menu_bbg.jpg);
	background-repeat:repeat-x;
}



div.menu-global-wrapper div.global-container{
	width:1000px;
	height:40px;
	margin:0 auto;
	border-right:solid 1px #e0e0e0;
	/*border-left:solid 1px #e0e0e0;*/
}

ul#global_menu{
	width:100%;
	height:40px;
	padding:0;
}

ul#global_menu li{
	float:left;
	display:block;
	vertical-align:middle;
	text-align:center;
	border-left:solid 1px #c4c4c4;
	/*background-image:url(img/hover_bkbg.png);*/
	background-repeat:no-repeat;
	background-position:center top;*/
}/*

body.color-1 ul#global_menu li{
	/*background-image:url(img/hover_bkbg.png);*/
	background-repeat:no-repeat;
	background-position:center top;
}

body.color-2 ul#global_menu li,body.color-4 ul#global_menu li,body.color-5 ul#global_menu li,body.color-3 ul#global_menu li{
	/*background-image:url(img/hover_wbg.png);*/
	background-repeat:no-repeat;
	background-position:center top;
}
*/
ul#global_menu li:first-child{
	border:none;
}

ul#global_menu li a{
	display:block;
	width:100%;
	height:100%;
	padding:9px 0;
	margin:0 auto;
	background-image:url(img/menu_wbg.jpg);
	background-repeat:repeat-x;
	color:#eee;
	position: relative;
	overflow: hidden;
}

body.color-1 ul#global_menu li a{
	background-image:url(img/menu_wbg.jpg);
	background-repeat:repeat-x;
}

body.color-2 ul#global_menu li a{
	background-image:url(img/menu_bkbg.jpg);
	background-repeat:repeat-x;
}

body.color-3 ul#global_menu li a{
	background-image:url(img/menu_pbg.jpg);
	background-repeat:repeat-x;
}


body.color-4 ul#global_menu li a{
	background-image:url(img/menu_obg.jpg);
	background-repeat:repeat-x;
}

body.color-5 ul#global_menu li a{
	background-image:url(img/menu_bbg.jpg);
	background-repeat:repeat-x;
}




ul#global_menu li a:hover{
	background-color:#fff;
}

body.color-1 ul#global_menu li a{
	color:#999;
}

body.color-1 ul#global_menu li a:hover{
	background-color:#fff;
}

body.color-2 ul#global_menu li a:hover{
	background-color:#000;
}

body.color-3 ul#global_menu li a:hover{
	background-color:#f4b4bc;
}

body.color-4 ul#global_menu li a:hover{
	background-color:#ff780a;
}

body.color-5 ul#global_menu li a:hover{

	background-color:#0008d1;
}

span.hoge{

	background-color:#fff;
}

/*****************************************

footer

*****************************************/
#footer_wrapper{
	width:100%;
	margin:3% 0 0 0;
	background-image:url(img/footer_bg.png);
}

body.color-3  #footer_wrapper{
	background-image:url(img/footer_wbg.png);
}

#footer{
	width:1000px;
	margin:0 auto;
	padding:2% 0 2% 0;
}

div.footer_sns{
	float:right;
	text-align:right;
	width:25%;
	padding:1% 3%;
}

div.footer_info{
	float:left;
	width:69%;
}

p.footer_site-title{
	font-size:129%;
	margin:0 0 2% 0;
}



ul.footer_menu li{
	float: left;
	padding:2px 10px;
	border-left:solid 1px #ccc;
}

ul.footer_menu li a{
	color:#eee;
}


body.color-3 ul.footer_menu li a{
	color:#666;
}

ul.footer_menu ul.footer_menu li a:hover{
	color:#ccccff;
}

ul.footer_menu li:last-child{
	border-right:solid 1px #ccc;
}

p.copy{
	text-align:center;
	background-color:#eee;
}

body.color-2 p.copy{
	color:#fff;
}

body.color-1 p.copy{
	background-color:#eee;
}

body.color-2  p.copy{
	background-color:#000;
}

body.color-3 p.copy{
	background-color:#f4b4bc;
	color:#222;
}

body.color-4  p.copy{
	background-color:#ff780a;
	color:#fff;
}

body.color-5 p.copy{
	background-color:#0008d1;
	color:#fff;
}

p.copy a{
	color:#ccc;
}



/*****************************************

sidebar

*****************************************/

h3.side-title{
	margin:0 0 3% 0;
	padding:3% 4% 2% 15%;
	background-image:url(img/section_wbg.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	color:#222;
	font-size:100%;
	letter-spacing:1px;
}

body.color-1 h3.side-title{
	background-image:url(img/section_wbg.png);
}

body.color-2  h3.side-title{
	background-image:url(img/section_bkbg.png);
}

body.color-3 h3.side-title{
	background-image:url(img/section_pbg.png);
}

body.color-4  h3.side-title{
	background-image:url(img/section_obg.png);
}

body.color-5 h3.side-title{
	background-image:url(img/section_bbg.png);
}



div.side-box{
	width:92%;
	margin:0 0 5% 0;
	padding:2% 4% 4% 4%;
	background-color:#fff;
}


/*****************************************

Post

*****************************************/

div.post_box{
	position:relative;
	width:90%;
	margin:0 0 5% 0;
	padding:3% 5% 4% 5%;
	background-color:#fff;
}

div.post_cont p{
	line-height:1.6;
}


h2.post_title{
	margin:0 0 2% 0;
	padding:1% 3%;
	font-size:114%;
	color:#000;
	background-image:url(img/title_wbg.jpg);
	background-repeat:repeat-x;
	background-position:left center;
}
h2.post_title a{
	color:#fff;
}

body.color-1 h2.post_title a{
	color:#000;
}

body.color-1 h2.post_title{
	color:#000;
	background-image:url(img/title_wbg.jpg);
	background-repeat:repeat-x;
	background-position:left center;
}

body.color-2  h2.post_title{
	color:#fff;
	background-image:url(img/title_bkbg.jpg);
	background-repeat:repeat-x;
	background-position:left center;
}

body.color-3 h2.post_title{
	color:#fff;
	background-image:url(img/title_pbg.jpg);
	background-repeat:repeat-x;
	background-position:left center;

}

body.color-4  h2.post_title{
	color:#fff;
	background-image:url(img/title_obg.jpg);
	background-repeat:repeat-x;
	background-position:left center;
}

body.color-5  h2.post_title{
	color:#fff;
	background-image:url(img/title_bbg.jpg);
	background-repeat:repeat-x;
	background-position:left center;
}

p.post_time{
	font-size:86%;
	color:#666;
}

p.post_cat{
	font-size:86%;
	margin:0 0 5% 0;
	color:#666;
}


div.post_func{
	margin:3% 0 0 0;
	padding:3% 0;
	border-top:dotted 1px #ccc;
	border-bottom:dotted 1px #ccc;
}

div.post_func p{
	text-align:right;
	font-size:86%;
}

/*****************************************

Single

*****************************************/

div.single_pager{
	width:100%;
	margin:5% 0 0 0;
}

div.single_prev{
	float:left;
	width:45%;
	padding:0 0 0 5%;
}

div.single_next{
	float:right;
	text-align:right;
	width:45%;
	padding:0 5% 0 0;
}


/*****************************************

Comment

*****************************************/

div.comment_box{
	margin:0 0 0 0;
	background-color:#fff;
	padding:5%;
}

div.comment_box p.comment_btn{
	width:200px;
	height:60px;
	margin:0 auto;
	text-indent:-9999px;
}

div.comment_box p.comment_btn a{
	display:block;
	width:100%;
	height:100%;
	background-image:url(img/comment_wbtn.png);
	background-repeat:no-repeat;
	background-position:center top;
}


body.color-1 p.comment_btn a{
	background-image:url(img/comment_wbtn.png);
}

body.color-2  p.comment_btn a{
	background-image:url(img/comment_bkbtn.png);
}

body.color-3 p.comment_btn a{
	background-image:url(img/comment_pbtn.png);

}

body.color-4  p.comment_btn a{
	background-image:url(img/comment_obtn.png);
}

body.color-5  p.comment_btn a{
	background-image:url(img/comment_bbtn.png);
}

p.commement_none{
	margin:0 0 3% 0;
	padding:2% 0;
}



h4.comment_title{
	margin:0 0 2% 0;
	padding:0 0 0.5% 0;
	border-bottom:dotted 1px #666;
	font-size:86%;
	font-weight:normal;
}

ol.comments_list{
	margin:0 0 5% 0;
}

ol.comments_list li{
	margin:0 0 3% 0;
}

div.comment_personbox{
	padding:2%;
	background-color:#f6f6f6;
}

div.comment_info{
	margin:2% 0 0 0;
	font-size:86%;
	color:#666;
}

textarea#comment{
	width:100%;
	height:100px;
}

#comment_submit{
	display: block;
	margin: 10px auto 0 auto;
	width: 80px;
	height: 30px;
	padding: 0 0 0 0;
	border: 0;
	text-indent: -99999px;
	font-size: 0px;
	line-height: 0px;
	cursor: pointer;
	background: url(img/submit_white.png) 0 0 no-repeat;
}

body.color-1 #comment_submit{
	background: url(img/submit_white.png) 0 0 no-repeat;
}

body.color-2  #comment_submit{
	background: url(img/submit_black.png) 0 0 no-repeat;
}

body.color-3 #comment_submit{
	background: url(img/submit_pink.png) 0 0 no-repeat;
}

body.color-4  #comment_submit{
	background: url(img/submit_orange.png) 0 0 no-repeat;
}

body.color-5  #comment_submit{
	background: url(img/submit_blue.png) 0 0 no-repeat;
}

/*****************************************

ウィジェット

*****************************************/

table#wp-calendar{
	text-align:center;
	width:90%;
	margin:5% auto 5% auto;
	border-collapse:collapse;
	border:solid 1px #ccc;
}

table#wp-calendar th{
	border:solid 1px #ccc;
	background-color:#eee;
}
table#wp-calendar td{
	border:solid 1px #ccc;
}

.pad{
	background-color:#ccc;
	
}


/*****************************************

固定ページ

*****************************************/

.page_box{
	width:90%;
	margin:5% 0 5% 0;
	padding:3% 5% 4% 5%;
	background-color:#fff;
}

.pera_box{
	width:90%;
	margin:5% 0 5% 0;
	padding:3% 5% 4% 5%;
	background-color:#fff;
}

.sitemap_title{
	text-align:center;
	margin:0 0 2% 0;
	padding:0.5% 0;
	border-top:solid 1px #cfcfcf;
	border-bottom:dotted 1px #aaa;
	font-weight:normal;
	font-size:129%;
}

div#sitemap ul li ul{
	margin:0 0 10px 1em;
}

/*****************************************

Search

*****************************************/

.search_box{
	margin:0 0 3% 0;
	padding:1% 5%;
	background-color:#fff;
}

.search_input{
	margin:4% 0 1% 0; 
}
.search_btn{
	text-align:center;
	margin:4% 0 1% 0; 
}

/*****************************************

section name

*****************************************/
.pagination {
	clear:both;
	text-align:center;
	padding:20px 0;
	position:relative;
	font-size:11px;
	line-height:13px;
}
.pagination ul li{
    display: -moz-inline-box;  
    display: inline-block;  
    /display: inline; 
}

.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color:#fff;
	background: #999;
}
 
.pagination a:hover{
	color:#fff;
	background: #3279BB;
}
 
.pagination .current{
	padding:6px 9px 5px 9px;
	background: #fff;
	color:#222;
}

body.color-1 .pagination .current{
	background: #fff;
	color:#222;
}

body.color-2 .pagination .current{
	background: #000;
	color:#fff;
}

body.color-3 .pagination .current{
	background: #f4b4bc;
	color:#fff;
}

body.color-4 .pagination .current{
	background: #ff780a;
	color:#fff;
}

body.color-5 .pagination .current{
	background: #0008d1;
	color:#fff;
}

ol.commentlist li ul.children li {
	padding:5px 0px 5px 20px;
}

.children {
	background-color: #f6f6f6;
	padding: 0 20px 5px 0;
}

.children .comment_personbox {
	background-color: #d6d6d6;
	margin-bottom: 10px;
}

.reply {
	padding-top:15px;
}

.children .children {
	margin-top:10px;
}

.commentlist {
	margin-bottom: 20px;
}
.depth-1{
	margin-bottom: 30px;
}
#respond {
	margin:20px 0;
}

.ytResp {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.ytResp iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/***
ここからtheme-check対策
***/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.sticky {  
    position: fixed;  
    width: 100%;  
    left: 0;  
    top: 0;  
    z-index: 100;  
    border-top: 0;  
}  

.gallery-caption {
    font-size: 90%;
}
.bypostauthor {
    background: mediumslateblue;
}