@charset "UTF-8";


/*-- 値を区切りたい時はハイフンを使う　アンダースコアはX*/


/*======================================
	基本スタイルシート
	制作者：
	
	
	目次：
	
	・基本構造
	・リンク
	・ヘッダ
	・ナビゲーション
	・メインコンテンツ
	・サイドメニュー
	・フッタ
	・フォーム
	・その他

-apple-text-size-adjust: none;
	font-size: 12px;

=======================================*/


* {

	margin: 0; 
	padding: 0;
	line-height: 1.6;
	color: #2B2B2B;

}


/*======================================
	基本構造
=======================================*/

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 83%;
	background: url(../image/bg.gif) ;	
	color:#000;
}
.text9{
font-size:83%;
line-height: 1.3;
}



.text10{
font-size:87%;
line-height: 1.5;
}

.text12{
font-size:93%;
line-height: 1.6;
}



body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,pre,code,blockquote,a{
margin:0;
padding:0;
}



li{
list-style:none;
}

img{ border: none; }

.alphalpha{ 
	filter:alpha(opacity=50);
	opacity:0.5;
}


/* clearFix */
.clearfix{
zoom:1;
}
.clearfix:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}


.wrapper{width: 940px; margin: 0 auto;position:relative;}
#contents{width: 940px; margin: 0 auto;clear:both;}

/*======================================
	リンク
=======================================*/

a:link {color: #0044CC;}
a:visited {color: #4800cc;}
a:hover {color: #009ecc;}
a:active {color: #009ecc;}

/*======================================
	ヘッダのバー
=======================================*/
#header {
background-color: #fff;	
border-bottom: 1px solid #999999;
}
#header2 {
background-color: #fff;	
border-bottom: 1px solid #999;
padding:7px 0px;
margin-bottom:15px;
}
.searcht
{
float: left;
}

.searchButton{
	float: left;
	display:block;
	width:44px;
	height:23px;
	border:none;
	background:url(../image/search.gif) no-repeat 0px 0px;
	text-indent:-8888px;
	cursor:pointer;
	
}

.searchButton:hover
{
	background-position:0px 0px;
}

div#logo a {
width:200px;
float: left;	
margin:7px 0px;
height:80px;
background: url(../image/logo.gif)  no-repeat;	
position:relative;
display:block;
}

h1 {
font-size: 87%;	
position:absolute;
right:0px;
bottom:0px;
}

.topbn {
float:right;
margin-top:15px;
padding-left:110px;
background: url(../image/kao.gif)  no-repeat;	
}

h2 {
color:#666;
font-size: 87%;	
padding:2px 0px;
font-weight:normal;
float: left;
}

h1 strong {
color:#666;
font-weight:normal;
}



.search {float: right;width:200px;}



#cse-search-results {width:400px;}


/*======================================
	メイン
=======================================*/




.mainbox {
width:300px;
float: left;
margin-bottom:20px;
}



.redbox {
margin-right:20px;
background:#F64849 url(../image/top_redbar.gif)  no-repeat;
}

.redbox p {
margin:15px 0px;
color:#fff;
}


.bluebox {
margin-right:20px;

background:#3A8DEB url(../image/top_bluebar.gif)  no-repeat;
}


.bluebox p {
margin:15px 0px;
color:#fff;
}

.bluebox dl {
margin:15px 0px;
padding:10px;
overflow:auto;
height:170px;

background-color:#fff;

}

.bluebox dt {
font-weight:bold;
background: url(../image/icon3.gif) left center no-repeat;
padding-left:8px;
}

.bluebox dd {
border-bottom: 1px dotted #cbcbcb;
margin-bottom:5px;

}


.greenbox {

background:#B2E437 url(../image/top_greenbar.gif)  no-repeat;
}


.greenbox p {
margin:15px 0px;
color:#fff;
}


.redbox .tw {
background-color:#fff;

overflow:auto;
padding:7px 8px 7px 8px;
}




.box {
margin:30px auto 15px;
width:255px;
}


.ybox {

background:#FFD800 url(../image/top_ybar.gif)  no-repeat;
}

.ybox2 {
margin-right:20px;

}


.ybox p {
margin:15px 0px;

}
.ybox .yimg {
width:255px;
background-color:#fff;
margin:0px auto;
text-align: center;
height:155px;
}
.yimg a,.yimg span , .yimg em {
text-align: center;
	display: block;

}
.yimg a img {
margin:15px;

}

.ybox h3 {
margin:0px auto 10px;

padding-left:40px;
font-weight:bold;
font-size:140%;
background: url(../image/icon_red.gif) left center no-repeat;
}


.box .more {
floar:right;
text-align:right;

}

#amazonbox {
clear:both;
margin-bottom:20px;
background-color:#fff;
padding:10px;
}


#amazonbox li {
float: left;
margin:0px 9px;
width:160px;

}

/*======================================
	2nd
=======================================*/

#container {
width:940px;
background:#fff url(../image/2nd_bg.gif) repeat-y right top;
}

#main {
padding:15px;
width:480px;
float: left;
background-color:#fff;
}

.midashi{
cloear:both;
margin-bottom:35px;
}

.more-link{
color:#fff;
padding:4px 6px;
float:right;
margin-bottom:10px;

}

a.more-link:hover {
color:#fff;
background-color:#009ecc;


}
a.more-link:link{
color:#fff;
background-color:#0044CC;

}



a.more-link:visited {
color:#fff;
background-color:#4800cc;

}

.tit2{
border: 1px dotted #666;
padding:5px 10px;
margin-bottom:10px;
}

.social{
border-bottom: 1px solid #666;
padding-bottom:5px;
margin-bottom:10px;
font-weight:bold;

}

.tit h3{
font-weight:bold;
font-size:180%;
margin-bottom:20px;
background:url(../image/icon_tit.gif) no-repeat left center;
padding:10px;
padding-left:65px;

}
.cont{
margin-bottom:30px;

}
.cont p{
margin-bottom:20px;

}

.bluebox2 {
margin-bottom:20px;
width:462px;
background:#3A8DEB url(../image/2nd_bluebar.gif)  no-repeat;
padding:30px 0px 15px;
}
.bluebox2 .bluetable {
width:420px;
background-color:#fff;
margin:10px auto;

}




.bluetable th{

font-weight:bold;
text-align:left;

padding: 4px 1em 4px 1em;
width: 9em;
border-bottom: 1px dotted #666;
}

.bluetable td{
border-bottom: 1px dotted #666;
text-align:left;
padding: 4px 0em 4px 0em;

}


.box3 {
margin:0px auto 0px;
width:420px;
}


/*======================================
	サイドバー
=======================================*/
#sidebox {

width:412px;
float: right;

}

#sidebar {

width:220px;
float: right;
margin-left:12px;
}


.ybox3 {
width:220px;
background:#FFD800 url(../image/2nd_ybar.gif)  no-repeat;
padding:30px 0px 15px;
}
.box4 {
margin:0px auto 20px;
width:200px;
}

#extra {

width:180px;
float:left;

}
.side2nd {
margin:10px auto 10px;

}


.side2nd .cat-item-1, .side2nd li.page_item , .side2nd li {

padding:3px 10px;
margin:5px auto;
background-color:#fff
}


.side2nd .cat-item-1 a, .side2nd li.page_item a , .side2nd li a {

background: url(../image/icon3.gif) left center no-repeat;
padding-left:10px;
}


.tw2 {
background-color:#fff;
padding:7px 8px 7px 8px;

}
.box4 p {
margin:10px;

}


.greenbox2 {
width:180px;
background:#B2E437 url(../image/2nd_greenbar.gif)  no-repeat;

padding:30px 0px 15px;
}


.box5 {
margin:0px auto 20px;
width:160px;
}

.sideam {
margin:15px auto 20px;
width:160px;
}
.sideam li {
margin:5px auto;
background-color:#fff;

}
/*======================================
	フッタ
=======================================*/
#footerbar{
clear:both;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
width:100%;
background-color:#fff;
}

.footermenu{
padding:10px 0px 22px 0px;
margin-bottom:5px;
}


.footermenu li{
float:left;
background: url(../image/icon3.gif) left center no-repeat;
margin-right:20px;
padding-left:10px;
}

.footermenu li a,.footermenu li a:visited,.footernavi li a,.footernavi li a:visited  {
color: #2B2B2B;
}


.footermenu li a:hover  {
color: #04afdd;
}




#footer{
clear:both;
background-color:#fff;
}

#footerbox{
padding-top:15px;
}

.aboutbox{
float:left;
width:150px;
position:relative;

background: url(../image/footer_logo.gif)  no-repeat;	
}

.aboutbox dl{
float:left;
width:175px;
position:relative;
height:66px;
background: url(../image/footer_logo.gif)  no-repeat;	
margin-bottom:10px;
}

.aboutbox dt{
position:absolute;
right:0px;
bottom:0px;
font-size: 95%;
}

.socialnavi{

}



.footernavi{
float:right;
width:700px;
}

.footernavi .tit{
font-size:110%;
font-weight:bold;
background-color:#999;
color:#fff;
padding:3px 5px;
width:150px;
}
.footernavibox2 .tit{
font-size:110%;
font-weight:bold;
background-color:#999;
color:#fff;
padding:3px 5px;
width:280px;
margin-bottom:10px;
}

.footernavibox{
float:left;
margin-left:25px;
padding-bottom:10px;
width:150px;
}
.footernavibox2{
float:left;
margin-left:25px;
padding-bottom:10px;
width:280px;
}
.footernavibox li a:hover  {
color: #04afdd;
}



.footernavibox li{
border-bottom: 1px dotted #cbcbcb;
margin-bottom:5px;
padding-bottom:2px;
}



#footerlast{
clear:both;
border-top: 1px solid #999;

}

#footerlast p{
margin-top:10px;
}



#pr{

	margin-right: auto;
	margin-left: auto;
	padding-top:5px;
	padding-bottom:5px;
color:#666666;

}



#pr  a:link {
    color:#333333;
text-decoration: none;
}

#pr  a:hover {
text-decoration: underline;
	
	color:#333333;
}
#pr a:visited {
text-decoration: none;
	color:#666666;
}


/*======================================
	その他
=======================================*/
#totopin{
clear:both;
margin-bottom:30px;
}

#sss{
width:470px;
margin:70px auto;

}


#totopin a{
float:right;
}

.navi{
margin:10px 0px;

}



.wp-pagenavi {
	
	margin-bottom: 15px;
	
}


.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 6px 8px 6px 8px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0044CC;
	color: #0044CC;
	background-color: #fff;	
	font-size:120%;
}
.wp-pagenavi a:visited {
	padding: 6px 8px 6px 8px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0044CC;
	color: #0044CC;
	background-color: #FFF;
	font-size:120%;	
}
.wp-pagenavi a:hover {	
padding: 6px 8px 6px 8px; 
	border: 1px solid #0044CC;
	color: #fff;
	background-color: #0044CC;
	font-size:120%;
}
.wp-pagenavi a:active {
padding: 6px 8px 6px 8px; 
	border: 1px solid #0044CC;
	color: #fff;
	background-color: #0044CC;
	font-size:120%;
}
.wp-pagenavi span.pages {
	padding: 6px 8px 6px 8px; 
	margin: 2px 2px 2px 2px;


}
.wp-pagenavi span.current {
padding: 6px 8px 6px 8px; 
	border: 1px solid #0044CC;
	color: #fff;
	background-color: #0044CC;
	font-size:120%;
}
.wp-pagenavi span.extend {
	padding: 6px 8px 6px 8px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}


/* コメント */
#comments	{clear: both}

div#com	{

	margin-top: 25px}

textarea	{width: 480px;
margin-top: 10px}

div#com h4	{font-size: 130%;
font-weight:bold;
	border-bottom: dotted 1px #666;
	padding-bottom: 3px;
	margin-top: 20px}

div#com p	{font-size: 100%:;margin-top: 7px}

div.compost	{border-bottom: dotted 1px #666;padding: 15px 0px}

p.cominfo	{text-align: right}

.forml	{
	margin-top: 10px}

p#comfeed img	{vertical-align: middle}

p#comfeed a	{color: black;
	text-decoration: none}

p#comfeed	{background-color: #eee;
	padding: 8px;
	margin-top: 30px}

p#trurl	{background-color: #eee;
	padding: 8px;
	margin-bottom: 30px}

/* タグ #tagcloud	{line-height:1.2;} */

/*======================================
	装飾
=======================================*/


blockquote {
    padding: 10px 0 0 15px;
    text-align: left;
    background: url(../image/bqg01.gif) 0 0.1em no-repeat;
	
	
}
 
blockquote p {
    padding: 0 15px 10px 0;
    background: url(../image/bqg02.gif) right bottom no-repeat;
	font-style:italic;
	color:#000;
}

blockquote.type2 {
background-color:#fff6fa;
background-image: none;
padding:20px;
color:#000;
font-style:normal;
border: 1px solid #ccc;
margin-bottom:20px;
}
 
 blockquote.type2 li {
margin:0px 0px;
list-style-type: decimal;
color:#666;
}
 blockquote.type2 ol {
padding: 0px 20px;
padding-left: 30px;
margin:0px 0px;
}
 blockquote.type2 div {
text-align:right;	
margin-top:10px;
}

blockquote.type2 p {
font-weight:bold;
font-style:normal;
color:#000;
margin:0px 0px;
padding: 0px 0px;
background-image: none;
}




/*======================================
	背景
=======================================*/

.bgblue {background-color:#ddecfc;}
.bgyellow {background-color:#fffc00;}
.bgyellow2 {background-color:#fbfad0;}
.bgpink{background-color:#fde2fa;}
.bggreen{background-color:#e7fbdb;}

/*======================================
	文字サイズ
=======================================*/
.textb {font-weight:bold;}

.t110 {font-size: 110%;}
.t110b {font-size: 110%;font-weight:bold;}
.t120 {font-size: 120%;}
.t120b {font-size: 120%;font-weight:bold;}
.t130 {font-size: 130%;}
.t130b {font-size: 130%;font-weight:bold;}
.t140 {font-size: 140%;}
.t140b {font-size: 140%;font-weight:bold;}
.t150 {font-size: 150%;}
.t150b {font-size: 150%;font-weight:bold;}
.t160 {font-size: 160%;}
.t170 {font-size: 170%;}
.t180 {font-size: 180%;}
.t190 {font-size: 190%;}

/*======================================
	色
=======================================*/
.boxes{border: 1px dotted #777;padding:8px;}
.col-red {color:#f01c53;}
.col-red2 {color:#f01c1c;}
.col-red3 {color:#b02727;}
.col-blue {color:#3427b0;}
.col-blue2 {color:#2741b0;}
.col-blue3 {color:#183fe7;}
.col-pink{color:#f431a9;}
.col-pink2{color:#fb8174;}
.col-pink3{color:#ff7567;}
.col-yellow{color:#beae22;}
.col-yellow2{color:#e2cd17;}
.col-yellow3{color:#b3a63b;}

.col-green{color:#3bb357;}
.col-green2{color:#1e7132;}
.col-green3{color:#33840c;}


.col-purple{color:#861ddf;}
.col-purple2{color:#b16dea;}

col-orange{color:#e49915;}

col-mizu{color:#17cda0;}