@charset "utf-8";

/*--------------------------------------------
	common.css  
--------------------------------------------*/
@media print, screen and (min-width:751px){

/*--------------------------------------------
	サイト基本設定
--------------------------------------------*/

body {
	width: 100%;
	min-width: 1000px;
    height: auto;
    color: #5d5a59;
    font-size: 14px;
	font-weight:normal;
	font-family: "游ゴシック","YuGothic", "游ゴシック体","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.7;
	background:url(../Image/body_bg.jpg) repeat;
	display: block;
}
a {
	text-decoration:none;
	color:#5d5a59;
	display:block;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
a:hover {
	color:#00416d;
}
a img:hover {
	opacity:0.7;
}
a img.no_opa:hover {
	opacity:1.0;
}
.last {
	margin-bottom:0 !important;
}
.for_sp {
	display:none;
}

/*--------------------------------------------
	ヘッダー
--------------------------------------------*/

#header {
	width: 100%;
	background:url(../Image/hdr_bg.jpg) center no-repeat; 
    border-top: solid 4px #51423b;
}
#header h1{
	width:1000px;
    color: #c2c2c2;
	font-size: 10px;
    font-weight: normal;
    padding-top: 3px;
	margin:0 auto;
}
#hdr_inner {
	width: 1000px;
    padding: 17px 0 30px;
    margin: 0 auto;
}
#hdr_inner #logo_area {
	float:left;
}
#hdr_inner .hdr_contact{
	float: right;
    padding: 5.5px 0;
}

/*--------------------------------------------
	ぱんくず
--------------------------------------------*/

#topicpath {
    width: 1000px;
    padding: 3px 0;
    margin: 0 auto;
}
#topicpath ol li,
#topicpath ol li a {
	color: #5d5a59;
	display: inline;
	font-size:12px;
}
#topicpath ol li a {
	color:#51423b;
}
#topicpath ol li a:hover {
	color:#00416d;
}
#topicpath ol li:before {
    content:">" ;
	margin: 0 8px 0 6px;
}
#topicpath ol li:first-child:before {
	content: none;
}

/*--------------------------------------------
	コンテンツ大枠
--------------------------------------------*/

#contents{
	width:1000px;
	margin:0 auto;
    padding: 25px 0 50px;
}
.under #cts_inner {
	width:1000px;
	margin:0 auto;
    padding: 0 0 50px;
}
#main_cts {
	width:700px;
	float:left;
}
#side_cts {
	width:250px;
	float:right;
}

/*--------------------------------------------
	サイドコンテンツ
--------------------------------------------*/

#side_cts section{
	background-color: #b1a7a2;
    padding: 20px 15px;
    margin-bottom: 20px;
}
#side_cts .side01{
	margin-bottom:30px;
}
#side_cts h2{
	text-align: center;
    margin-bottom: 10px;
}
#side_cts #cat_list li {
    margin-bottom: 8px;
}
#side_cts #cat_list li:last-child {
	margin-bottom:0;
}
#side_cts #cat_list li a {
	color: #b1a7a2;
    font-size: 14px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
    padding: 7px 0;
}
#side_cts #cat_list li a:hover {
	color:#fff;
	background-color:#00416d;
}
#side_cts #new_post ul {
    background-color: #fff;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
	padding: 10px;
}
#side_cts #new_post li a {
	padding: 10px 10px 8px;
    border-bottom: #ddd 1px solid;
}
#side_cts #new_post li:last-child a {
    border-bottom: none;
    margin-bottom: 0;
}
#side_cts #new_post li a:hover {
	color:#fff;
	background-color:#00416d;
}
#side_cts #new_post li a time {
	color: #999;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    display: block;
    margin-bottom: 5px;
}
#side_cts #new_post li a p {
	font-size: 13px;
    line-height: 1.5;
}

/*--------------------------------------------
	フッター
--------------------------------------------*/

#footer {
	width: 100%;
    background-color: #51423b;
    padding: 25px 0 20px;
}
#footer .ftr_box{
	width:1000px;
	margin:0 auto;
	text-align:right;
}
#footer #copyright {
	margin-top:15px;
	display:block;
	font-size:12px;
	color:#aaa;
}
#footer #copyright a{
	color:#aaa;
	display:inline-block;
}
}


/*ここからスマホ*/

@media screen and (max-width:750px){
	
/*--------------------------------------------
	サイト基本設定
--------------------------------------------*/

body {
	width: 100%;
    height: auto;
    color: #5d5a59;
    font-size: 14px;
	font-weight:normal;
	font-family: "游ゴシック","YuGothic", "游ゴシック体","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.4;
	background:url(../Image/body_bg.jpg) repeat;
	display: block;
	-webkit-text-size-adjust: 100%;
}
a {
	text-decoration:none;
	color:#333333;
	display:inline-block;
}
img{
	width:100%;
	height:auto;
}
.last {
	margin-bottom:0 !important;
}
.for_pc {
	display:none;
}

/*--------------------------------------------
	ヘッダー
--------------------------------------------*/

#header {
	width: 100%;
    border-top: solid 3px #51423b;
    padding: 15px 0;
    margin-bottom: 0;
}
#header h1{
	display:none;
}
#hdr_inner {
	padding: 0 10px;
}
#hdr_inner #logo_area {
	float: left;
    width: 96px;
}
#hdr_inner .hdr_contact{
    float: right;
    width: 185px;
}

/*--------------------------------------------
	ぱんくず
--------------------------------------------*/

#topicpath {
	display:none;
}

/*--------------------------------------------
	コンテンツ大枠
--------------------------------------------*/

#contents{
	border-bottom:solid 1px #fff;
    padding: 5% 0 10%;
}
#main_cts {
	padding:0 5%;
	margin-bottom: 40px;
}
#side_cts {
	padding:0 5%;
}

/*--------------------------------------------
	サイドコンテンツ
--------------------------------------------*/

#side_cts section {
	background-color: #b1a7a2;
    padding: 20px 15px;
    margin-bottom: 20px;
}
#side_cts .side01 {
	text-align:center;
	margin-bottom:30px;
}
#side_cts #cat_list h2 {
	width: 115px;
    margin: 0 auto 13px;
}
#side_cts #cat_list li {
    margin-bottom: 8px;
}
#side_cts #cat_list li:last-child {
	margin-bottom:0;
}
#side_cts #cat_list li a {
	color: #b1a7a2;
    font-size: 16px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
    display: block;
    padding: 5px 0;
}
#side_cts #new_post h2 {
	width: 90px;
    margin: 0 auto 13px;
}
#side_cts #new_post ul {
    background-color: #fff;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
	padding: 10px;
}
#side_cts #new_post li {
	border-bottom:#ddd 1px dashed;
}
#side_cts #new_post li:last-child {
	border-bottom:none;
}
#side_cts #new_post li a {
	padding: 9px 10px 8px;
}
#side_cts #new_post li a time {
	color: #999;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    display: block;
    margin-bottom: 3px;
}
#side_cts #new_post li a p {
	font-size: 13px;
    line-height: 1.5;
}

/*--------------------------------------------
	フッター
--------------------------------------------*/

#footer {
	width: 90%;
    background-color: #51423b;
    padding: 20px 5%;
}
#footer .ftr_box{
	text-align:center;
}
#footer .ftr_box img{
	width:80%;
}
#footer #copyright {
	margin-top:15px;
	display:block;
	font-size:12px;
	color:#aaa;
}
#footer #copyright a{
	color:#aaa;
	display:inline-block;
}
}