/*
Theme Name: PutiProject
*/



@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6, h8, pre, ul, ol, li, dl, dt, dd, p, img {
	margin: 0;
	padding: 0;
}
body {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	color: #464646;
line-height: 1.8;
}
a {
	color: #2b2a2a;
	text-decoration: none;
	cursor: pointer;
	outline: none;
}
a:link {
	color: #2b2a2a;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #464646;
	text-decoration: underline;
	outline: none;
}
#contents p {
	line-height: 1.7;
}
ul, ol {
	list-style-type: none;
}
ul li, ol li, dl {
	line-height: 1.7;
}
a:focus {
	outline: none;
}
h1, h2, h3, h4, h5, h6, h8 {
	line-height: 1.7;
}
::selection {
	background-color: #91bdfb;
	color: #FFF; /* Safari */
}
::-moz-selection {
background-color: #91bdfb;
color: #FFF; /* Firefox */
}
h1, h2, h3, h4, h5, h6, h8, pre, li, dt, dd, th, td, p {
	font-size: 93%!important;
}
/*----------------------------------------------------
	☆Crearfix
----------------------------------------------------*/


.clearfix:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	font-size: 0.1em;
	line-height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */




/*----------------------------------------------------
	☆br clear
----------------------------------------------------*/


br.clear_noie, div.clear_noie {
	display: inline !important;
	display: none;
	clear: both;
	line-height: 0px;
}
br.clear_all {
	clear: both;
	line-height: 0px;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
br.clear_noie {
	display: block!important;
	content: " ";
}
}
/*----------------------------------------------------
	☆topcontrol
----------------------------------------------------*/

#topcontrol a {
	background: url(cmn_js/scrolltop/scrollup.png) left top no-repeat;
	background : url(cmn_js/scrolltop/scrollup.gif) left top no-repeat\9; /* IE8 and below */
 *background : url(../cmn_js/scrolltop/scrollup.gif) left top no-repeat; /* IE7 and below */
	_background : url(cmn_js/scrolltop/scrollup.gif) left top no-repeat; /* IE6 */
	display: block;
	height: 54px;
	width: 54px;
}
/*----------------------------------------------------
	☆Display None
----------------------------------------------------*/

#header div.hdInr .logo a span {
	display: none;
	visibility: hidden;
}
/*----------------------------------------------------
	☆base contents
----------------------------------------------------*/

div#lNav div.lNaviInr ul li.li08 {
	background: url(/saiyo/lib/cmn_img/nav_08.png);
	width: 240px;
}



div#wrap {
	background: url(cmn_img/bg_body.jpg) left top repeat;
		border-top: #91bdfb 5px solid;
		width:100%;
}
div#contents {
	margin: 380px auto 0 auto;
	padding: 20px 0 60px;
	max-width: 1000px;
	position: relative;
}
div.riquid {
	position: relative;
	padding-top: 5px;
}

div.contentsArea h2 {
	margin:0 auto;
	}
div.contentsArea h2 span {
	display:none;
	}
div.contentsArea {
	margin-top: 0;
	margin-left: 250px;
	}
	
div.contentsArea div.riquid div.contentsInr {
	padding:30px 20px 50px;
	background-color:#FFF;
	}



div#lNav div.lNaviInr ul li a span {
	display:none;
}




/*--------------------------------
PREV NEXT
---------------------------------*/
#prev_next{
width:100%;
margin: 36px 0 24px;
padding:0;
display: table;
}
#prev_next  #prev, #prev_next  #next{
width: 50%;
padding:30px 10px 10px;
border-top:#ccc 0px solid;
border-bottom:#ccc 0px solid;
display: table-cell;
position:relative;
text-decoration:none;
}
#prev_next #prev p, #prev_next #next p{
font-size:90%;
line-height:1.5;
}
#prev_next #prev:hover, #prev_next #next:hover{
background-color:#F7F7F7;
}
#prev_next #prev{
border-right:#ccc 1px solid;
}
#prev_next #prev_title, #prev_next #next_title{
font-size:90%;
top:-1em;
position:absolute; 
border: 1px #ccc solid;
background:#fff; 
text-align: center;
padding:5px;
color:#666;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img, #prev_next #next img{
margin:0 auto;
}
#prev_next #prev_no, #prev_next #next_no{
width: 50%;
height:140px;
padding:0 10px;
display: table-cell;
}
#prev_next #prev_no{
border-right:#ccc 1px solid;
}
#prev_next_home{
margin:0 auto;
background-color: #fff;

}
#prev_next_home:hover{
background-color: #F7F7F7;
}
#prev_next_home i{
color:#FFF;
}
/*-- ここまで --*/

div.getPostDispArea .getPost {
    border: 1px solid #9a9a9a;
    padding: 15px;
    margin: 10px 0px;
    background-color: #fff;
}

div.getPostDispArea .getPost:after {
    content: '';
    display: table;
    clear: both;
}

div.getPostImgArea {
    width: 100%;
    float: left;
}

div.getPostStringArea {
    width: 100%;
    padding-left: 15px;
    float: left;
}

div.getPostContent {
	float: left;
	margin-left:160px;
	margin-top:-150px;}

/*----------------------------------------------------
	☆footer
----------------------------------------------------*/
	
div#footer {
	background: #d0e2fb;
	width: 100%;
	font-size: 124%;
}
div#footer div.footerInr {
	margin: 0 auto;
	width: 1000px;
	padding-bottom:40px;
	
		position:relative;

}

#footer div.footerInr #pageTop {
	font-size:0;
	line-height:0;
	
	position:absolute;
	right:0;
	top:0;
}

#footer div.footerInr #pageTop span {
	display:none;
	visibility:hidden;
}


div#footer div.footerInr div.footerInrL {
	float: left;
	width: 70%;
}

#footer div.footerInr div.footLinks {
	color:#005FBF;
	margin-bottom:25px;
	padding-top:25px;
	width:800px;
}

#footer div.footerInr div.footLinks ul li {
	border-right:1px solid #CCC;
	color:#0F57BD;
	float:left;
	font-size:13px !important;
	line-height:140%;
	padding:0 15px;
}

#footer div.footerInr div.footLinks ul li.last {
	border-right:none;
	padding-right:0;
}


#footer div.footerInr p.logo {
	float:right;
}

#footer div.footerInr div.company {
	width:1000px;
}

#footer div.footerInr div.company p.profile {
	float:left;
	line-height:170%;
	width:700px;
}

#footer div.footerInr div.company p.profile strong {
	font-weight:normal;
}

#footer div.footerInr div.company p.profile span {
	margin-right:1em;
}

#footer div.footerInr div.company p.logo {
	float:right;
	width:183px;
}


div#footer div.copy {
	background: #91bdfb;
	color: #FFF;
	padding: 10px 0;
	width: 100%;
}

/*----------------------------------------------------
	☆contact　form7
----------------------------------------------------*/

.form-width { max-width: 90%;}

.wpcf7-submit {
font-size: 17px;
padding: 3px 25px;
margin-bootom:10px;
background: #e9e9e9; 
color: #363B3F;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-top: none;
border-right: none;
border-left: none;
border-bottom: solid 4px #dcdcdc;
}

.wpcf7-submit:hover {
background-color: #dcdcdc;
color: #91bdfb;

}


/* 必須マーク */
.must{
	color: #F92931;
	margin: 10px;
	padding: 3px 3px;
	border-radius: 10px;
}


/* 項目名を太字にする */
form p {
	font-weight: 600;
	margin: 30px 20px 0px 0px;
}

/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 8px 15px;
	margin: 8px 20px 0px 0px;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}

/* 必須項目の入力欄を黄色にする */
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	 background: #fff;
}


/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	position-top: -5px:
	padding: 0;
	margin: 0;
}
/*----------------------------------------------------
	☆widget_rss
----------------------------------------------------*/
	

/* Sidebar　widget */