@charset "shift_jis";
/*-------------------------------------------------------------------

--------------------------------------------------------------------*/																	
/*-------------------------------------------------------------------
全称セレクタやリンクの基本カラー
--------------------------------------------------------------------*/
* {
	font-family:'MS PGothic', Osaka, sans-serif;
	padding:0;
	margin:0;
}a:link{
	color:#0033FF;
	text-decoration:underline;
}a:visited{
	color:#800080;
}a:hover{
	color:#d66666;
}
/*-------------------------------------------------------------------
bodyとid="container"のスタイル
--------------------------------------------------------------------*/
body{
	color:#444444;
	background:#FFFFFF;
	text-align:justify;
	font-size:13px;
	background:#FFFFFF;
}div#container{
	width:900px;
	margin:0 auto;
	background:url(../img/inner.png) repeat-y center top;
}div#inner{
	padding:0 13px;
}
/*-------------------------------------------------------------------
id="header"関係のスタイル
--------------------------------------------------------------------*/
div#header{
	height:90px;
	background:#FFFFFF url(../img/header.png) no-repeat top center;
	border-bottom:1px solid #badac9;
}div#header h1{
	font-size:11px;
	color:#999999;
	font-weight:normal;
	text-align:right;
}div#header h2{
	font-size:24px;
	text-indent:-99999px;
}div#header h2 a,div#header h2 a:hover{
	display:block;
	width:500px;
	height:10px;
	background:transparent;
}div#header p{
	font-size:11px;
	color:#000000;
	line-height:140%;
	padding:13px 0 0 250px;
}



/*トップ右ボタン*/

    #header #topbtn1 {  
        position:relative;
    }  
    #header #topbtn1 a {  
        background:url(img/top_btn1.gif) no-repeat;  
        position:absolute;  
        top:-50px;  
        right:15px;  
        display:block;  
        width:83px;  
        height:23px;  
    }  

    #header #topbtn2 {  
        position:relative;  
    }  
    #header #topbtn2 a {  
        background:url(img/top_btn2.gif) no-repeat;  
        position:absolute;  
        top:-63px;
        right:115px;
        display:block;  
        width:83px;  
        height:23px;  
    }  




/*-------------------------------------------------------------------
id="contents"関係のスタイル（全ページ共通のベース）
--------------------------------------------------------------------*/
div#contents{

/*メニューを右にする場合
	float:right;
*/
	float:left;
	width:620px;
	font-size:13px;
	padding-top:4px;
}div#contents a:hover{
	background:#e6f5ed;
}div#contents p{
	line-height:135%;
}div#contents dl{
	padding:5px 7px 0 7px;
	line-height:125%;
}div#contents dt{
	background:url(../img/list1.gif) no-repeat left center;
	padding-left:15px;
}div#contents dd{
	padding-bottom:6px;
}div#contents h3{
	font-size:13px;
	background:url(../img/h3.png) no-repeat;
	padding:3px 0 4px 20px;
}div#contents h4{
	font-size:13px;
	margin:0 7px;
	border-bottom:1px solid #aaaaaa;
	padding-bottom:2px;
}div#contents ul{
	list-style:none;
	line-height:145%;
	margin:7px;
}div#contents ul li{
	background:url(../img/y.gif) no-repeat left center;
	padding-left:13px;
}p#Breadcrumb{
	margin-top:2px;
	line-height:100%;
	font-size:12px;
}div#infomation,div.entry,div.ads,div.entryRight{
/*
	border:1px solid #E6E6E6;
*/
	border-top:1px solid #E6E6E6;
	border-bottom:1px dotted #E6E6E6;


}
/*-------------------------------------------------------------------
id="infomation"関係スタイル
--------------------------------------------------------------------*/
div.scroll dl{
	height:75px;
	overflow:auto;
}
/*-------------------------------------------------------------------
id="entries"関係スタイル（記事ページ専用）
--------------------------------------------------------------------*/
div#entries{
	margin-top:1px;
}div#entries ul{
	list-style:disc;
	margin:11px 33px 15px 33px;
}div#entries ul li{
	background:transparent;
	padding:0;
}div#entries dl{
	padding:0;
	margin:11px 7px 15px 7px;
}div#entries dt{
	background:transparent;
	padding:0;
	font-weight:bold;
}div#entries dd{
	padding-bottom:7px;
}div.entry{
	margin-top:1px;
}div.entry p{
	margin:11px 7px 15px 7px;
}p.nav{
	font-size:11px;
	margin-top:2px;
	line-height:100%;
	text-align:right;
}
/*-------------------------------------------------------------------
id="wing"関係スタイル（トップページ専用）
--------------------------------------------------------------------*/
div#index{
	margin-top:5px;

/*
	background:url(../img/wing.png) no-repeat right bottom;
*/

}
/*-------------------------------------------------------------------
id="wing"関係スタイル（カテゴリページ専用）
--------------------------------------------------------------------*/
div#cat{
	margin-top:1px;
/*
	background:url(../img/wing.png) no-repeat right bottom;
*/
}
/*-------------------------------------------------------------------
その他トップページ＆カテゴリページ専用スタイル
--------------------------------------------------------------------*/
div#option{
	font-size:12px;
}div#option p,div#option ul{
	margin:7px;
	line-height:140%;
}div.ads{
	float:right;
	width:342px;
	height:280px;
	text-align:center;
}div.entryRight{
	float:left;
	width:170px;
	height:280px;
	overflow:auto;
}



/* トップ型メニュー */


/*ベーシックスキン　メニュー5個*/

ul.TopMenu {
width: 900px;/*スキンの幅Ａ*/
font-size:14px;/*文字サイズ*/
font-weight:bold;/*太字*/
line-height:2;
display: block;
}
#TopMenu ul{
margin:0;
padding:0;
}
ul.TopMenu li {
width: 136px;/*1つの幅Ｂ*/
margin: 0 2px;/*メニューのスキマＣ*/
border: 3px double #fff;
background-color:#009900;
text-align: center;/*中央寄せ*/
display:inline;/*IE6対策*/
list-style: none;
float: left;
}
ul.TopMenu li a {
color: #ffffff;/*文字色*/
border: 1px solid #ffffff;
margin: 1px;
text-decoration: none;
display: block;
}
ul.TopMenu li a:hover {
color: #ffffff;/*オンマウス時文字色*/
background-color:#99FF00;/*オンマウス時背景色*/
}





/*トップメニュー2*/

#TopMenu2 {
	width:874px;
	padding:0;
	  margin:0;
	  list-style-type: none;
	}
	#TopMenu2 li {
	  width:20%;
	  float:left;
	  padding:0;
	  margin:0;
	  text-align:center;
	}
	#TopMenu2 li a {
	  width:auto;
	  color:#fff;
	  font-size:12px;
	  font-weight:bold;
	  text-shadow:0 -1px 0px #333,0 1px 0px #555;
	  padding:10px 0;
	  text-decoration:none;
	  display:block;
	  background:#666;
	  background-image: -moz-linear-gradient(top, #555 0%, #444 50%, #333 50%, #444 100%);
	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.50, #444), color-stop(0.50, #333), color-stop(1, #444));
	  border-left:1px solid #444;
	  box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
	             -1px 0px 0px rgba(225,225,225,0.3) inset,
	              0px 1px 1px rgba(0,0,0,0.1) inset,
	              0px -1px 1px rgba(0,0,0,0.3) inset,
	              0px 1px 3px #666;
	}
	#TopMenu2 li:first-child a{
	  border-left:0px;
	  border-radius:5px 0 0 5px;
	  border-left:0;
	  box-shadow:-1px 0px 0px rgba(225,225,225,0.3) inset,
	              0px 1px 1px rgba(0,0,0,0.1) inset,
	              0px -1px 1px rgba(0,0,0,0.3) inset,
	              0px 1px 3px #666;
	}
	#TopMenu2 li:last-child a{
	  border-radius:0 5px 5px 0;
	  box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
	              0px 1px 1px rgba(0,0,0,0.1) inset,
	              0px -1px 1px rgba(0,0,0,0.3) inset,
	              0px 1px 3px #666;
	}
	#TopMenu2 li a:hover {
	  background:#000000;

	  background-image: -moz-linear-gradient(top, #555 0%, #2d2d2d 50%, #232323 50%, #2d2d2d 100%)/*元カラ(top, #555 0%, #444 50%, #333 50%, #444 100%)*/;

	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.50, #444), color-stop(0.50, #333), color-stop(1, #444));
	  box-shadow: 1px 0px 0px rgba(225,225,225,0) inset,
	             -1px 0px 0px rgba(225,225,225,0) inset,
	              0px 1px 1px rgba(0,0,0,0.1) inset,
	              0px -1px 1px rgba(0,0,0,0.3) inset,
	              0px 1px 3px #666;
	  color:#FFA800;


	}







/*-------------------------------------------------------------------
id="sidebar"関係のスタイル
--------------------------------------------------------------------*/
div#sidebar{
/*左メニューにする場合
	float:left;
*/
	float:right;
	
	width:245px;
	border-top:4px solid #FFFFFF;

}div#sidebar h4{
	font-size:13px;
	color:#555555;
	text-align:center;
/*	background:#badac9;*/
	padding:4px 0 3px 0;

	  background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E7E7E7 50%, #EAEAEA 50%, #FFFFFF 100%);
	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.50, #444), color-stop(0.50, #333), color-stop(1, #444));



}div#sidebar ul{
	list-style:none;
	padding:3px;
	line-height:140%;
}div#sidebar li{
	background:url(../img/list1.gif) no-repeat left center;
	padding-left:15px;
}div#sidebar p{
	line-height:135%;
	padding:3px;
}div#boxend{
	border-bottom:1px solid #F0F0F0;
}div.box{
	border-width:0 1px;
	border-style:solid;
	border-color:#F0F0F0;
	background:#FCFCFC;
}


}div#sidebar dl{
	padding:5px 7px 0 7px;
	line-height:125%;
}div#sidebar dt{
	background:url(../img/list1.gif) no-repeat left center;
	padding-left:15px;
}div#sidebar dd{
	padding-bottom:7px;
}





/* ブロック型メニュー */
ul.BoxMenu{
	padding:0 !important;
}ul.BoxMenu li{
	padding:0 !important;
}ul.BoxMenu li a{
	display:block;
	width:218px;
	padding:5px 5px 5px 20px;
	border-bottom:1px dashed #CCCCCC;
	background:#FCFCFC url(../img/listBox.gif) no-repeat left center;
	text-decoration:none;
}ul.BoxMenu li a:hover{
	background:#F4F4F4 url(../img/listBox.gif) no-repeat left center;
}
/*-------------------------------------------------------------------
id="footer"関係のスタイル
--------------------------------------------------------------------*/
div#footer{
	clear:both;
	width:100%;
	background:#FFFFFF;
	border-top:5px solid #FFFFFF;
	color:#73a58b;
	text-align:right;
}div#footer h3{
	border-top:1px dotted #5b9b7a;
	font-size:12px;
	font-weight:normal;
	padding-top:8px;
}address{
	font-size:12px;
	font-style:normal;
	padding-top:11px;
	padding-bottom:7px;
	line-height:135%;
}div#footer a,div#footer a:visited,div#footer a:hover{
	color:#73a59b;
	text-decoration:underline;
}
/*--------------------------------------------------------------------
文字装飾スタイル <span class="セレクタ名">こうして使います。</span>
---------------------------------------------------------------------*/
.black{color:#000000;}
.red{color:#d66666;}
.redBold{color:#d66666;}
.color{color:#82b599;}
.colorBold{color:#82b599;}
.new{font-size:11px;font-weight:bold;color:#d66666;}
/*-------------------------------------------------------------------
アドセンス表示関連
--------------------------------------------------------------------*/
/*ヘッダーアドリンク用*/
div.adsH{padding:1px 0;background:#FFFFFF;}
/*フッターーアドセンス用*/
div.adsF{padding-bottom:5px;}
/*メインコンテンツアドセンス用*/
div.adsM{margin:0 1px 12px 2px;}


/*--------------------------------------------------------------------
バグ対策（強引な応急処置）
---------------------------------------------------------------------*/
div#option{
	margin-top:5px;
}





/*--------------------------------------------------------------------
お問い合わせフォーム
---------------------------------------------------------------------*/
#contact{
	width:600px;
	margin:0 auto;
	color:#666;
	font-size:90%;
}
#contact table{
	border-collapse:collapse;
}
#contact td{
	border:1px solid #ccc;
	padding:5px;
	font-size:90%;
	color:#666;
}
#contact td.l_Cel{
	width:150px;
}





/*--------------------------------------------------------------------
ソーシャルアイコン
---------------------------------------------------------------------*/


@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('websymbols-regular-webfont.eot');
    src: url('websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('websymbols-regular-webfont.woff') format('woff'),
         url('websymbols-regular-webfont.ttf') format('truetype'),
         url('websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



	#social-icon {
	    font-size:30px;
	    font-family: 'WebSymbolsRegular';
	}

	#social-icon a {
	    font-size: 22px;
	    font-family: 'WebSymbolsRegular';
	    color: #fff;
	    text-decoration: none;
	    text-shadow: 0 0 1px #000, 2px 2px 2px #aaa;
	    padding: 0 1px;
	    -moz-transition-duration: 0.3s;
	    -webkit-transition: 0.3s;
	    vertical-align:text-top;
	}
	#social-icon a.facebook:before {color: #3b5998; content: "f";}
	#social-icon a.google-plus:before {color: #c53727; content: "g";}
	#social-icon a.twitter:before {color: #00a1e9; content: "k";}
	#social-icon a.feed:before {color: #ff8c00;content: "r";}
	#social-icon a.hatena:before {color: #0075c2;content: "v";}
	#social-icon a:hover {
	    font-size: 30px;
	}
	
	
	
	
	
/*--------------------------------------------------------------------
画像のリンク
---------------------------------------------------------------------*/	

	
a.link {
  position: relative;
  overflow: hidden;
  float: left;
}
a.link img{
  vertical-align: bottom;
}
a.link:after {
  position: absolute;
  z-index: 9999;
  content: "";
  top: 50%;
  left: 50%;
  width: 0%;
  height: 0%;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: 0.2s;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
a.link:hover:after {
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  border: 10px solid rgba(0,0,0,.3);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}