/*
Theme Name: エッジプラス1テンプレート E002-b（ブログVer）
Theme URI: http://www.totalnet-planning.jp/
Description: エッジプラス1テンプレートテーマ
Author: 株式会社トータルネットぷらんにんぐ
Author URI: http://www.totalnet-planning.jp/
Version: 1.0
*/

@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {max-width: 100%;}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {width:100%;}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	20;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
clear: both;
margin-left: 0;
width: 100%;
float: left;
display: block;
}

.fluidList {
list-style:none;
list-style-image:none;
margin:0;
padding:0;        
}
body,td,th {
font-family: "メイリオ", Meiryo, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
font-size: 12px;
color: #313131;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
overflow-x: hidden;
}

img {border-style:none;}

table {
border-collapse: collapse;
border-spacing: 0;
}
td,tr {
padding:4px 6px 3px 4px;
border:1px #a0a0a0 solid;
line-height:15px;
font-size:12px;
}
a:link { color: #4d99dc;text-decoration: none;}
a:visited { color: #4d99dc;text-decoration: none;}
a:hover { color:#f54500;text-decoration: none;}
a:active { color: #4d99dc;text-decoration: none;}

.blog_title_TXT a:link { color: #59493f;text-decoration: none;}
.blog_title_TXT a:visited { color: #59493f;text-decoration: none;}
.blog_title_TXT a:hover { color:#f54500;text-decoration: none;}
.blog_title_TXT a:active { color: #59493f;text-decoration: none;}


.Round_color {
font-size:120%;
margin-right:0.5%;
}

.S-height {
clear:both;
height:3%;
}


/* Mobile Layout: 480px and below. */
  
.gridContainer {
margin-left: auto;
margin-right: auto;
width: 94%;
padding-left: 0.1%;
padding-right: 0.1%;
clear: none;
float: none;
}
h1 {
font-size:100%;
font-weight:normal;
}
h2 {font-size:120%;}
h3 {
margin-top:0.5%;
padding:2px 0 3px 1.5%;
color:#59493f;
border-bottom: 1px dashed #A0A0A0;
}
label {
margin-top:3%;
font-weight:bold;
padding:2px 0 3px 1.5%;
color:#59493f;
border-bottom: 1px dashed #A0A0A0;
display: block;
}
input[type="checkbox"].on-off{display: none;}

.menu ul {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin: 0;
padding: 0;
list-style: none;
}
input[type="checkbox"].on-off + ul{
height: 0;
overflow: hidden;
}
.accordion {
line-height:200%;
margin-top:2%;
}

input[type="checkbox"].on-off:checked + ul{height: auto;}


/* トップエリア
----------------------------------------------------------*/
.top_H {height:10px;}
#logo_area {
width: 100%;
height:auto;
}
.site_name {
color:#89755f;
font-weight:bold;
font-size:170%;
line-height:100%;
}
.logo_area_h1 {
text-align:center;
width: 100%;
margin-left: 0;
margin-top:-3.5%;
}
.logo {
text-align:center;
width: 100%;
margin-left: 0;
margin-top:0;
}
.logo img{
max-width:100%;
height: auto;
}
#top_button_W {display:none;}
.top_button {display:none;}
.top_button_TXT {display:none;}


/* ナビゲーションバー
----------------------------------------------------------*/
#navi_ber { display:none;}
.navi_button {
width: 99.2%;
clear: none;
margin-left:0;
color:#FFFFFF;
font-weight:bold;
text-align:center;
line-height:200%;
font-size:95%;
}


/* モバイルメニュー
---------------------------*/
#menu {
width: 90%;
margin: 0 auto 20px;
list-style: none;
}
#mobile_menu {
display: block;
margin-top:3%;
min-height:10px;
}
.mobile_button {
margin-left:0;
color:#FFFFFF;
font-weight:bold;
text-align: left;
padding:0.8% 0;
font-size:110%;
}
.menu_close {
padding:13px 8px 20px 5px;
text-align:right;
}
.sidr {
display: none;
position: absolute;
position: fixed;
top: 0;
height: 100%;
z-index: 999999;
overflow-x: none;
overflow-y: auto;
font-size: 14px;
background: #707070;
color: #333;
}
.cds-navi {
list-style-type: none;
margin: 0 0 2em;
padding: 0;
}
.cds-navi li {
display: inline;
font-size:14px;
}
.cds-navi li a {
padding: 10px 5px 10px 15px;
display: block;
color: #ffffff;
width: 200px;
text-decoration: none;
background: #707070;
border-bottom: 1px solid #c5c4c4;
}


/* メインコンテンツ
----------------------------------------------------------*/
#main {width: 100%;}
.list_month {
font-weight:bold;
margin-top:5%;
line-height:150%;
}
.list_name {
font-weight:bold;
line-height:150%;
}
.list_category_title {
font-weight:bold;
margin-top:2%;
}
.breadcrumb_list {
padding:7px 0 5px 0;
}
.breadcrumb_list_TXT {
display:none;
}
.page {
margin:-8% 0.5% 0 1%;
font-size:110%;
}
.page img{
max-width:100%;
height: auto;
}


/* 記事一覧
----------------------------------------------------------*/
#blog_list {
border-bottom:solid 1px #CDCDCD;
margin-top:3%;
}
.Thumbnail_box {
width: 100%;
display:none;
}
.list_data {
width: 100%;
clear: both;
margin-left: 0;
}
.Date_cat {}
.Date_TXT {
width: 100%;
font-weight:bold;
color:#59493f;
font-size:120%;
line-height:120%;
}
.cat_li {
width: 100%;
clear: both;
margin-left: 0;
margin-top:1%;
}
.blog_title_TXT {
font-weight:bold;
color:#59493f;
margin-top:2.5%;
font-size:120%;
}
.blog_coments { margin-top:3%;}
.list_data_bottom_H { height:15px;}


/* ページャー
----------------------------------------------------------*/
.tablenav {
color: #2583ad;
background:white;
line-height:2em;
margin-top:7%;
text-align:center;
}
a.page-numbers, .tablenav .current {
color: #505050;
padding: 2px .4em;
border:solid 1px #ccc;
text-decoration:none;
font-size:smaller;
}
a.page-numbers:hover {color:white;}

.tablenav .current {
color: white;
font-weight:bold:
}
.tablenav .next, .tablenav .prev {
border:0 none;
background:transparent;
text-decoration:underline;
font-size:smaller;
font-weight:bold;
}


/* コンテンツボックス
----------------------------------------------------------*/
.contents2 {margin:5% 0;}
.box_1 {}
.box_3 {margin-top:5%;}
.box_1,.box_3 {
width: 95.5%;
clear: both;
margin-left: 0;
padding:7px;
border:solid 1px #CBCBCB;
}
.box_img {
text-align:center;
margin-top:2%;
}
.box_img img {max-width:85%;}
.box_title {
margin-top:2%;
color:#59493f;
font-weight:bold;
}
.box_txt {line-height:125%;}
.Ribbon {
text-align:center;
margin-top:-5.3%;
}
.Round_B {color:#4e9acc;}
.Round_G {color:#8fc31f;}
.Round_O {color:#f39800;}
.Round_B,.Round_G,.Round_O {
font-size:120%;
font-weight:bold;
margin-right:1%;
}

.middle_H {height:15px;}


/* コンテンツ
----------------------------------------------------------*/
.contents3_TXTarea {margin-bottom:2%;}
.contents3_img {
width: 100%;
text-align:center;
margin-bottom:2%;
}


/* サイドバー
----------------------------------------------------------*/
#sidebar {
width: 100%;
clear: both;
margin-left: 0;
margin-top:15px;
}
#sidebar img {
height:auto;
margin-bottom:3%;
}

.widget_sp_image-description {
text-align:left;
margin-top:2%;
}

.widget {
list-style-type:none;
padding:3% 5% 0 5%;
}
.widgettitle {
width:94%;
padding:2% 3.5%;
font-size:100%;
text-align:left;
margin-top:0;
}
.widget ul {
margin-left:-2%;
list-style-type:none;
}
.widget li {
margin:4% 4% 0 0;
line-height:170%;
}
.widget_ban {
width:100%;
margin-bottom:3%;
}
.widget_ban img {text-align:center;}

#side_menu { width:100%;}
.side_banner { width:100%;}

.menu_title {
width:93%;
padding:3% 3.5%;
font-size:100%;
margin:0 0 5% 0;
text-align:left;
}

.side_list {}
.side_list ul{
list-style:none;
padding:0 3%;
}
.side_list li {
line-height:130%;
margin-top:4%;
}
.searchform_layout {margin:3.5% 0 1% 3%;}


/* 広告エリア
----------------------------------------------------------*/
.adsbygoogle {padding-bottom:10px;}
.ad2 {
display: inline-block;
display:block;
width:100%;
height: auto;
min-height:210px;
margin-left:auto;
margin-right:auto;
}
.ad_area {
width:100%;
height:auto;
text-align:center;
margin:1% 0 1.5% 0;
}
.ad_area img {height:auto;}


/* フッター
----------------------------------------------------------*/
#footer {margin-top:5%;}
.Copyright {
padding:5% 0 3% 0;
text-align:center;
color:#FFFFFF;
}

.zeroMargin_mobile {margin-left: 0;}
.hide_mobile {display: none;}



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
width: 95%;
padding-left: 0.7%;
padding-right: 0.1%;
clear: none;
float: none;
margin-left: auto;
}
h1 {
font-size:110%;
font-weight:normal;
}
h2 {font-size:120%;}
h3 {font-size:120%;}

#read {}
label {
font-size:120%;
display: block;
}
input[type="checkbox"].on-off{display: none;}

.menu ul {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin: 0;
padding: 0;
list-style: none;
}

input[type="checkbox"].on-off + ul{
height: 0;
overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{height: auto;}


/* トップエリア
----------------------------------------------------------*/
.top_H {}
#logo_area {
width: 48.9361%;
}
.site_name {
font-size:170%;
}
.logo_area_h1 {
text-align: left;
width: 100%;
margin-left: 0;
margin-top:-3%
}
.logo {
text-align:left;
width: 100%;
margin-left: 0;
margin-top:0;
}
#top_button_W {
max-width:35%;
display:block;
margin-left: 0;
float:right;
clear: none;
}
.top_button {
display:block;
width:auto;
clear: none;
padding:2.5% 3.5%;
float:right;
}
.top_button_TXT {
display:block;
clear: none;
color:#ffffff;
font-size:90%;
}


/* ナビゲーションバー
----------------------------------------------------------*/
#navi_ber {
display:block;
margin-top:10px;
min-height:25px;
}
.navi_button {
width: 32.84%;
clear: none;
margin-left:0;
padding:0.3% 0 0 0;
}
#mobile_menu {display:none;}


/* メインコンテンツ
----------------------------------------------------------*/
#main {width: 64%;}
.breadcrumb_list {padding:0.8% 0 3% 0;}
.breadcrumb_list_TXT {display:block;}
.page {
margin:-8% 1% 0 1%;
font-size:110%;
}
.list_month {
width: 100%;
margin-top:4%;
font-size:110%;
line-height:150%;
}
.list_name {
width: 97%;
clear: both;
font-size:120%;
margin-left:3%;
line-height:170%;
}
.list_category_title {}
.list_coments {}


/* 記事一覧
----------------------------------------------------------*/
#blog_list {}
.Thumbnail_box {
width: 100%;
display:none;
}
.list_data {
width: 100%;
clear: both;
margin-left: 0;
}
.Date_cat {}
.Date_TXT {
width: 100%;
font-size:130%;
line-height:120%;
}
.cat_li {
width: 100%;
margin-top:1%;
}
.blog_title_TXT {
margin-top:2.5%;
font-size:130%;
}
.blog_coments { margin-top:2%;}
.list_data_bottom_H {}


/* コンテンツボックス
----------------------------------------------------------*/
.contents2 {margin:5% 0;}
.box_1 {}
.box_3 {
width: 95%;
padding:8px;
clear: both;
margin-left: 0;
margin-top:5%;
}
.box_1,.box_3 {
width: 94.5%;
padding:8px;
clear: both;
}
.box_img {width: 100%;}
.box_img img {max-width:70%;}
.box_title {}
.box_txt {line-height:150%;}
.Ribbon {margin-top:-5%;}

.middle_H {}


/* コンテンツ
----------------------------------------------------------*/
.contents3_TXTarea {
line-height:180%;
margin-top:5px;
}
.contents3_img {width: 100%;}


/* サイドバー
----------------------------------------------------------*/
#sidebar {
width: 33%;
clear: none;
margin-left: 1.8%;
margin-top:0;
float: right;
}
#sidebar img {margin-bottom:5%;}

.widget_sp_image-description {margin-top:-1%;}

.widget {}
.widgettitle {
width:94%;
padding:4% 3% 3% 3.5%;
}
.widget ul {margin-left:-1%;}
.widget li {
margin:6.5% 4% 0 0;
line-height:170%;
}
.widget_ban {
width:100%;
margin-bottom:6.5%;
}
#side_menu {width:98%;}
.menu_title {
width:93%;
padding:3.5%;
}
.side_list {}
.side_list ul{padding:0 5%;}
.side_list li {
line-height:130%;
margin-top:7%;
}
.searchform_layout {margin:5% 0 3% 3%;}


/* 広告エリア
----------------------------------------------------------*/
.ad2 {min-height:150px;}


/* フッター
----------------------------------------------------------*/
#footer {}
.Copyright {}

.zeroMargin_tablet {margin-left: 0;}
.hide_tablet {display: none;}
}

/* Desktop Layout: 769px to a max of 960px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
width: 960px;
padding-left: 0.625%;
padding-right: 0.625%;
margin: auto;
clear: none;
float: none;
margin-left: auto;
}
h2 {font-size:16px;}
h3 {
font-size:16px;
padding:2px 0 3px 8px;
}

#read {height:45px;}

label {
font-size:16px;
padding:2px 0 3px 8px;
color:#59493f;
border-bottom: 1px dashed #A0A0A0;
display: block;
}

input[type="checkbox"].on-off{display: none;}

.menu ul {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin: 0;
padding: 0;
list-style: none;
}
input[type="checkbox"].on-off + ul{
height: 0;
overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{height: auto;}


/* トップエリア
----------------------------------------------------------*/
.top_H {}
#logo_area {width: 49.2957%;}
.site_name {font-size:27px;}
.logo_area_h1 {
width: 100%;
margin-left: 0;
margin-top:-10px;
}
.logo {
width: 100%;
margin-left: 0;
margin-top:0;
}
#top_button_W {
display:block;
width: 200px;
clear: none;
margin-left: 1.4084%;
float:right;
}
.top_button {
display:block;
width:auto;
padding:7px 10px 4px 10px;
}
.top_button_TXT {
display:block;
font-size:12px;
}


/* ナビゲーションバー
----------------------------------------------------------*/
#navi_ber {
display:block;
margin-top:10px;
min-height:30px;
}
.navi_button {
width: 157.5px;
margin-left:0;
clear: none;
padding:8px 0 5px 0;
}
#mobile_menu {display:none;}


/* メインコンテンツ
----------------------------------------------------------*/
#main {width: 715px;}
.breadcrumb_list {padding:7px 0 18px 0;}
.breadcrumb_list_TXT {display:block;}
.page {
margin:-20px 5px 0 5px;
font-size:13px;
line-height:22px;
}
.list_month {
width:18%;
margin-top:20px;
font-size:16px;
line-height:19px;
}
.list_name {
width: 78%;
margin-left: 0;
margin-top:20px;
font-size:16px;
line-height:19px;
clear: none;
}
.list_category_title {
font-size:16px;
margin:15px 0 3px 0;
}
.list_coments {
font-size:13px;
line-height:19px;
}



/* 記事一覧
----------------------------------------------------------*/
#blog_list { margin-top:15px;}
.Thumbnail_box {
width: 185px;
height:auto;
display:block;
border:solid 1px #D8D8D8;
}
.list_data {
width: 500px;
margin-left: 20px;
clear: none;
}
.Date_cat {}
.Date_TXT {
width:150px;
font-size:19px;
line-height:20px;
}
.cat_li {
width: auto;
margin-left: 3px;
margin-top:1px;
clear: none;
}
.blog_title_TXT {
font-size:16px;
line-height:24px;
margin-top:5px;
}
.blog_coments {
font-size:13px;
line-height:20px;
margin-top:13px;
}
.list_data_bottom_H { height:20px;}


/* コンテンツボックス
----------------------------------------------------------*/
.contents2 {margin:20px 0 15px 0;}
.box_1 {}
.box_3 {
clear: both;
margin-left: 1.9%;
}
.box_1,.box_3 {
width: 29.5%;
margin-top:0;
padding:8px;
clear: none;
}
.box_img {
width: 100%;
margin-top:8px;
position: relative;
}
.box_img img {max-width:210px;}
.box_title {
font-size:110%;
margin-top:5px;
}
.box_txt {
margin-top:3px;
font-size:12px;
line-height:18px;
}
.Ribbon {margin-top:-17px;}
.middle_H {height:30px;}


/* コンテンツ
----------------------------------------------------------*/
.contents3_TXTarea {line-height:23px;}
.contents3_img {
max-width: 275px;
height:auto;
margin:0 15px 10px 0;
}


/* サイドバー
----------------------------------------------------------*/
#sidebar {
width: 220px;
margin-left: 20px;
clear: none;
display:block;
}

#sidebar img {}
.widget_sp_image-description {margin-top:1px;}

.widget {
width:220px;
list-style-type:none;
padding:10px;
}
.widgettitle {
width:203px;
padding:10px 7px 7px 10px;
}
.widget ul {
margin-left:0;
list-style-type:none;
}
.side_banner { width:220px;}
#side_menu {width:216px;}

.menu_title {
width:202px;
padding:10px 7px 7px 7px;
margin:0 0 20px 0;
}

.side_list {}
.side_list ul{padding:0 10px;}
.side_list li {
line-height:17px;
margin-top:10px;
}
.searchform_layout {margin:10px 0 5px 10px;}


/* 広告エリア
----------------------------------------------------------*/
.ad2 {min-height:210px;}
.ad_area {margin:3px 0 5px 0;}



/* フッター
----------------------------------------------------------*/
#footer {}
.Copyright {}


.zeroMargin_desktop {margin-left: 0;}
.hide_desktop {display: none;}
}

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;	
}
.alignright {
display: block;
margin-left: auto;
text-align: right;
}
.alignleft {
display: block;
margin-right: auto;
text-align: left;
}


.alignleft {
float:left;
margin:1% 2% 3% 0;
}
.alignright {
float:right;
margin:1% 0 3% 2%;
}