/*
Theme Name: IAPH
Author: 
Author URI: 
Version: 1.0
*/

/* =Reset
-------------------------------------------------------------- */
@charset "utf-8";

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}


html{
    font-size: 62.5%;
}

body{
    font-size: 13px;
	line-height: 1.43;
	font-family: "Open Sans", Helvetica, Arial, sans-serif,'Hiragino Kaku Gothic Pro','Meiryo,';
	color: #000;
}

h1{
	font-size:1.8em;
	font-weigth:bold;
	padding:20px 0 0 0;
	margin:0;
}
h2,h2 a{
	font-size: 25px;
	font-weight: normal;
	color: #008CBA;
	margin: 0 0 10px;
	text-decoration: none;
}
h2 p{ float: left; }
h2 p+p{ float: right; }
h2 p+p a{
	font-size: 16px;
	color: #000;
}
h2.home{
	font-size: 24px;
	color: #FFF;
	padding: 5px 10px;
	margin: 0 0 20px;
background: #008cba; /* Old browsers */
background: -moz-linear-gradient(left,  #008cba 0%, #006586 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #008cba 0%,#006586 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #008cba 0%,#006586 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008cba', endColorstr='#006586',GradientType=1 ); /* IE6-9 */
}
h2.home p{ float: right; }
h2.home p a{
	font-size: 12px;
	color: #FFF;
}
h3{
	font-size: 30px;
	font-weight: normal;
	margin: 0 0 20px;
	padding: 0px 0px 2px;
	border-bottom: 2px solid #CCC;
}
h4{
	color: #008CBA;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 10px;
}
h4.commi{
	color: #FFF;
	font-size: 18px;
	margin: 0 0 20px;
	background: #7FC5DC;
	text-align: center;
	padding: 5px;
}
h5{
	font-weigth:bold;
	margin:0 0 10px 0;
}


a{
	color: #008CBA;
}
a:visited{}
a:hover{
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	-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;
}


ol,
ul {
}
#edit ol,#edit ul {
	padding-left: 15px;
}

table{}
th{}
td{ vertical-align: top; }
table.box_table td{ padding: 5px; }
table.box_table04{ width: 100%; }
table.box_table04 a{ word-wrap: break-word; }
table.box_table04 td{
	padding: 1%;
	width: 23%;
}

p{
	line-height:1.3em;
}


img{
	max-width:100%;
	height: auto;
	vertical-align:bottom
}


/* Header -------------------------*/
header{
	border-bottom: 20px solid #008CBA;
}
header #top{
	max-width: 1100px;
	padding: 0px 15px;
	margin: 0 auto;
}

header #top .logo{
	float: left;
	margin: 20px 0;
}
#top .searchbox{
	float: right;
	margin-top: 40px;
	color: #878787;
}
#top .link{
	float: right;
	margin-top: 5px;
	margin-right: 20px;
}
#top .link a{
	color: #878787;
	text-decoration: none;
}
#top .search{
	float: right;
}
.searchform label{
	display: none;
}
.searchform #s{
	background: #FFF;
	width: 165px;
	height: 25px;
	border: 1px solid #C4C4C4;
	margin: 0px -4px 0px 0px;
	padding: 0px;
}
.searchform #searchsubmit{
	background: url(img/search.jpg) no-repeat;
	height: 27px;
	width: 33px;
	text-indent: -9999px;
	border-style: none;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
}


/* Navigation -------------------------*/
header nav{
	float: right;
	margin-top: 20px;
}
header nav ul{
	list-style: none;
}
header nav li{
	font-size: 14px;
	float: left;
	position: relative;
}
header nav li a{
	color: #888;
	text-decoration: none;
	padding: 2px 8px;
	cursor: pointer;
}
header nav li a:hover{
	color: #FFF;
	background: #008CBA;
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	-ms-filter: "alpha(opacity=100)"; /* ie 8 */
	-moz-opacity: 1; /* FF lt 1.5, Netscape */
	-khtml-opacity: 1; /* Safari 1.x */
}
header nav li a:after{
	content: '▼';
	margin-left: 3px;
}
header nav li ul{
	position: absolute;
	top: 23px;
	left: -1px;
	margin: 0;
	padding: 0;
	min-width: 100%;
	z-index: 100;
	background: #7FC5DC;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
}
.gecko header nav li ul{
	top: 24px;
}
header nav li ul li{
	overflow: hidden;
	width: 100%;
	height: 0;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	text-indent: 0;
}
header nav li ul li a{
	color: #FFF;
	display: block;
	white-space: nowrap;
}
header nav li ul li a:after{
	content: ' ';
	margin-left: 0px;
}
header nav li:hover ul li{
	overflow: visible;
	height: 24px;
	border-bottom: 1px solid #FFF;
}
.chrome header nav li:hover ul li{
	height: 23px;
}


/* Footer -------------------------*/
footer{
}
#footer_box{
	padding: 30px 0px;
	background: #E1E1E1 url(img/footer.png) no-repeat center center;
}
#footer_box div{
	max-width: 1100px;
	padding: 0px 15px;
	margin: 0 auto;
	color: #333;
	text-align: center;
}
#footer_box p+p{
	margin-top: 15px;
	font-size: 26px;
}
#footer_box p+p+p{
	margin-top: 5px;
	font-size: 16px;
}
#footer_box p+p+p+p{
	font-size: 12px;
	text-align: left;
	margin: 20px auto 0px;
	max-width: 840px;
}
#copy{
	padding: 15px 0px 10px;
	border-top: 5px solid #008CBA;
	margin-top: 5px;
	background: #FFF;
}
#copy p{
	max-width: 1100px;
	padding: 0px 15px;
	margin: 0 auto;
	text-align: right;
}


/* Layout -------------------------*/

#wrap{
	max-width:1100px;
	padding:0px 15px;
	margin: 60px auto;
}

#main{
}


#t_content{
	float:left;
	width:700px;
}
#content{
	float:right;
	width:800px;
}

#sidebar{
	float:right;
	width:350px;
}
#s_sidebar{
	float:left;
	width:250px;
}
.bar{
	padding-bottom: 20px;
	border-bottom: 1px dotted #CCC;
}


/* sidemenu -------------------------*/
aside.sidemenu{
	border: 1px solid #CCC;
	border-radius: 2px;        /* CSS3草案 */
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 2px;   /* Firefox用 */
}
aside .sidemenutit{
	background: #008CBA;
	color: #FFF;
	padding: 8px 15px;
	font-size: 20px;
	font-weight: bold;
}
aside .sidemenutit a{
	color: #FFF;
}
aside .sidemenubox ul{
	padding: 0px 10px 10px;
	list-style: none;
}
aside .sidemenubox li{
	margin-top: 10px;
	font-size: 16px;
}
aside .sidemenubox li a{
	display: block;
	text-decoration: none;
	color: #888;
	padding-left: 10px;
}
aside .sidemenubox li a:hover,aside .sidemenubox li.current-menu-item a{
	padding-left: 5px;
	border-left: 5px solid #7FC5DC;
}


/* Contents -------------------------*/
section+section{
	margin-top: 40px;
}

section.entry-content{
	margin:0 0 20px 0;
}

article+article{
	margin-top: 20px;
}
article.category-topics{
	padding-bottom: 10px;
	border-bottom: 1px dotted #D6D6D6;
}

nav.page-navi{
	margin-top: 30px;
}
nav.page-navi ul{
	list-style: none;
}
nav.page-navi li.prev{
	float:left;
}
nav.page-navi li.next{
	float:right;
}


/* Box -------------------------*/
.box_02{
	margin: 0px 2%;
	float: left;
	width: 46%;
}
.box_03{
	float: left;
	width: 31%;
	margin-left: 3.5%;
}
.box_03:first-child{
	margin-left: 0;
}
.box_04{
	margin: 0px 2% 10px;
	float: left;
	width: 21%;
}
.box_commi{
	margin: 0px 1% 10px;
	float: left;
	width: 23%;
}
.photo_l{
	float: left;
	padding-right: 10px;
}
.photo_r{
	float: right;
	padding-left: 10px;
}
.photo_commi{
	float: left;
	padding-right: 30px;
	width: 180px;
}


/* Sidebar -------------------------*/
aside{
	margin-top:20px;
}
aside:first-child{
	margin-top:0px;
}
#sidebar aside.fb{
	border: 1px solid #E9EAED;
}

/* Breadcrumb -------------------------*/
#bread {
	height:10px;
	background-color:#7FC5DC;
}
.bread_crumb{ float: right; }
#breadcrumb {
	font-size: 12px;
	color: #FFF;
	margin: -18px auto 0px;
	padding: 0px 15px;
	max-width: 1100px;
	text-align: right;
}
#breadcrumb ul {
	list-style: none;
}
#breadcrumb ul:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
#breadcrumb li {
	float: left;
	list-style-type: none;
	color: #FFF;
}
#breadcrumb li a {
	color: #FFF;
	text-decoration: none;
}
#breadcrumb li + li:before {
    margin: 0 8px;
    content: ">";
}

/* Pagetop -------------------------*/
#pagetop {
	position:fixed;
	bottom:140px;
	right:0px;
	z-index:100;
}

/* Clearfix -------------------------*/
.clearfix:after{
	content: '';
	display: block;
	clear: both;
}
.clearfix{
	zoom: 1; /* for IE6/7 */
}

/* info -------------------------*/
.archivephoto{
	float: left;
	overflow: hidden;
	margin-top: 5px;
	margin-right: 10px;
}
time{
	color: #00B285;
}


/* topinfo -------------------------*/
.topinfo:after{
	content: '';
	display: block;
	clear: both;
}
.topinfo ul{
	margin-bottom: 30px;
	float: left;
	width: 48%;
	list-style: none;
}
.topinfo ul:nth-child(2n){
	margin-left: 4%;
}
.topinfo li.infophoto{
	position: relative;
	overflow: hidden;
	height: 195px;
}
.topinfo li.infophoto img{
	width: 100%;
}
.topinfo li.infophoto .title{
	width: 97%;
	position: absolute;
	bottom: 0px;
	padding: 5px 2%;
    background: rgba(0,140,186, 0.7);
}
.topinfo li.infophoto .title p a{
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
}
.topinfo li.infotext{
	margin-top: 5px;
}
.topinfo li.infotext ul{
	margin-bottom: 0;
	float: none;
	width: 100%;
    padding-left: 15px;
}
.topinfo li.infotext ul:nth-child(2n){
	margin-left: 0;
}
.topinfo li.infotext li{ list-style: disc; }
.heightbox:hover li.infophoto,.heightbox:hover li.infotext{ opacity: 0.7; }
.heightbox:hover li.infophoto a:hover{ opacity: 1.0; }
.topinfo .day{
	color: #00B285;
}
.topinfo .coment{
word-wrap: break-word;
}

/*.topinfo .coment{
	overflow: hidden;
	height: 100px;
}*/
/* info -------------------------*/
.info ul{ list-style: none; }
.info ul+ul{
	margin-top: 30px;
}
.info li.infophoto{
	float: left;
	width: 200px;
	margin-right: 20px;
	text-align: center;
}
.info li.infotext{
	float: right;
	max-width: 480px;
}
.info li div+div{
	margin-top: 5px;
}
.info .title a{
	font-size: 20px;
}
.info .day{
	color: #00B285;
}
.read{
	background: #0077C8;
	float: right;
}
.read a{
	color: #FFF;
	text-decoration: none;
	padding: 5px 10px;
	display: block;
}

/* sitemap -------------------------*/
.sitemap ul{
	list-style: none;
}
.sitemap li{
	font-size: 16px;
	font-weight: bold;
	color: #008CBA;
	margin-top: 20px;
}
.sitemap li a{
	color: #008CBA;
}
.sitemap li ul:after{
	content: '';
	display: block;
	clear: both;
}
.sitemap li ul li{
	font-size: 14px;
	font-weight: normal;
	color: #CCC;
	float: left;
	margin-top: 0px;
	margin-right: 15px;
}
.sitemap li ul li a{
	color: #000;
}
.sitemap li ul li:before{
	content: ">";
	margin-right: 5px;
}

/* Other -------------------------*/
.blue{color: #008CBA;}
.mar_b5{ margin-bottom: 5px; }
.mar_b10{ margin-bottom: 10px; }
.mar_b20{ margin-bottom: 20px; }
.mar_b40{ margin-bottom: 40px; }
.hidden{ overflow: hidden; }
.boderbox{
	border: 1px solid #CCC;
	padding: 9px;
	margin-top: 10px;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.aligncenter {
    display: block;
    margin: 0 auto;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

img[class*="wp-image-"],
img[class*="attachment-"] {
    max-width: 100%;
    height: auto;
}


/* bbpress -------------------------*/
#bbp_login_widget-2{
	padding: 10px;
	border: 1px solid #CCC;
	border-radius: 2px;        /* CSS3草案 */
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 2px;   /* Firefox用 */
}
.bbp-template-notice p{
	font-weight: bold;
	color: #F00;
}


/*コンタクトフォーム*/
.wpcf7 table {
	border-collapse: separate;
	border-spacing: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 100%;
	line-height: 2.5;
	margin-bottom: 20px;
	font-size: 12px;
	padding-top: 1px;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
	vertical-align:middle;
	max-width:100%;
	height:30px;
	border:1px solid #d4d4d7;
	background:#fcfcfc;
}
.wpcf7 input[type="submit"], .wpcf7 input[type="button"]{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 15px 0;
	background: #008CBA;
	border: 0;
	color: #fff;
	margin: 0 1%;
	text-align: center;
	width: 40%;
}
.wpcf7 input[type="reset"]{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 15px 0;
	background: #BBBBBB;
	border: 0;
	color: #fff;
	margin: 0 1%;
	text-align: center;
	width: 40%;
}
.wpcf7 input[type="submit"]:hover{
	cursor: pointer;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}
.wpcf7 input[type="reset"]:hover,input[type="button"]:hover{
	cursor: pointer;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}
.wpcf7 .contform {
	width: 100%;
	line-height: 2.5;
	margin-bottom: 30px;
	font-size: 12px;
}
.wpcf7 .contform ul {
	list-style: none;
}
.wpcf7 .contform ul:after {
	content: '';
	display: block;
	clear: both;
}
.wpcf7 .contform li {
	padding: 10px 2%;
	float: left;
	width: 72%;
}
.wpcf7 .contform li.cont {
	width: 20%;
}
.wpcf7 .contform li .box {
	height: 20px;
	width: 60%;
	line-height: 1.2;
}
.wpcf7 .contform li .box2 {
	height: 20px;
	width: 80%;
	line-height: 1.2;
}
.wpcf7 .contform li .box3 {
	width: 100%;
	line-height: 1.2;
	height: 200px;
}
.wpcf7 .contform li .box4 {
	height: 20px;
	width: 30%;
	line-height: 1.2;
	margin: 0px 0px 5px;
}
.wpcf7 .contform li .box5 {
	height: 20px;
	width: 80%;
	line-height: 1.2;
	margin: 5px 0px 0px;
}
.wpcf7 .red {
	color: #E8340C;
}
.wpcf7 .small {
	font-size: 10px;
	margin-bottom: 20px;
}
.wpcf7 .contform li span.wpcf7-not-valid-tip{
	display: inline-block;
	padding-left: 10px;
}
.wpcf7-validation-errors{
	text-align: center;
}

/*テーブルプレス*/
.tablepress tbody td.column-1 {
	width: 20%;
}


/* LOGIN */
#sidebar .bbp-login-form .bbp-submit-wrapper {text-align: left;width: 228px;}
#sidebar .bbp-login-form .bbp-submit-wrapper:after {
    content: '';
    display: block;
    clear: both;
}
#sidebar .bbp-login-form .bbp-remember-me label {width: 100px;}
#sidebar .bbp-login-form .bbp-submit-wrapper label {
	width: 100% !important;
	margin-top: 10px;
}
#sidebar .bbp-login-form .bbp-submit-wrapper br { display: none; }
#sidebar .captchaSizeDivLarge {max-width: 200px;}
#sidebar .captchaSizeDivLarge #si_image_log {width: 150px; height:auto;}
#sidebar #user-submit { float: right; }




.g-recaptcha {
	text-align: left;
  transform-origin: 0% 0%;
  transform: scale(0.8);
}

.bbp-password, .bbp-username {
width: 228px;
}




/* 1100px -------------------------*/
@media screen and (max-width: 1099px) {
header{
}
header #top .logo{
	float: none;
	margin: 20px 0px 10px;
	text-align: center;
}
#top .searchbox{
	float: none;
	margin-top: 0px;
	margin-bottom: 40px;
}
header nav{
	float: none;
	margin: 0px;
}
header nav li{
	float: none;
	text-indent: 0px;
	text-align: center;
	background: #7FC5DC;
	padding: 0;
}
header nav li a{
	color: #FFF;
	display: block;
}
header nav li a:hover{
	color: #008CBA;
	background: #7FC5DC;
}
header nav li a:after{
	content: ' ';
	margin-left: 0px;
}
header nav li ul{
	position: static;
	border-right: none;
	border-left: none;
	padding: 0px;
}
header nav li ul li{
	height: auto;
	background: #145896;
	border-bottom: 1px solid #FFF;
}
header nav li:hover ul li{
	height: auto;
}

#footer_box{
	background: #E1E1E1 url(none);
}

#content{
	width: 70%;
}
#sidebar{
	width: 25%;
}
#t_content{
	width: 70%;
}
#s_sidebar{
	width: 25%;
}
.info li.infophoto{
	float: none;
	margin-right: 0px;
}
.info li.infotext{
	float: none;
	max-width: 100%;
	margin-top: 20px;
}
}


/* 480px -------------------------*/
@media screen and (max-width: 480px) {

#content,
#t_content,
#sidebar{
	float:none;
	width:100%;
}
#s_sidebar{
	float: none;
	width: 100%;
	margin-top: 50px;
}
#pagetop {
	position: static;
	bottom: 0;
	right: 0;
	text-align: right;
}
.photo_commi{
	float: none;
	padding-right: 0px;
	margin-bottom: 20px;
	width: 100%;
}
.box_02{
	margin: 0px;
	float: none;
	width: 100%;
}
.box_02+.box_02{ margin-top: 30px; }
.box_04,box_commi{
	width: 46%;
	margin: 0px 2% 10px;
}
#breadcrumb {
	background: #008CBA;
	text-align: left;
}
.topinfo ul{
	float: none;
	width: 100%;
}
.topinfo ul:nth-child(2n){
	margin-left: 0;
}
}