﻿body {
	background-color:#000000;
    font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,"HiraMaruPro-W4","ヒラギノ丸ゴ Pro W4","Hiragino Kaku Gothic Pro","HG丸ゴシックM-PRO",sans-serif;
 }

a	{
	text-decoration:none;
	border:none;
}

a:link { color:#FFCC00 ; text-decoration:none ;}
a:visited { color:#FFCC00 ; text-decoration:none ;}
a:hover { color:#660066; text-decoration:none ;}

#white a:link { color:#FF6600 ; text-decoration:none ;}
#white a:visited { color:#FF6600 ; text-decoration:none ;}
#white a:hover { color:#003399; text-decoration:none ;}

.table td {
	padding:3px;
}

a img.css-hover{
 opacity:1.0;
 filter: alpha(opacity=100);
 }

 a:hover img.css-hover{
 opacity:0.7;/*半透明度70%に設定*/
filter: alpha(opacity=70);/*半透明度70%に設定*/
 }
 
a img{
 border:none;
 }

img {
	margin:0;
    padding:0;
	}
.font-size{
	border: solid 1px #8cc63f;
	margin:16px 12px;
	padding:5px;
	width:160px;
	background:#dddddd;
	font-size:80%;
	color:#222222;
	text-align:center;
	list-style:none;
	height:55px;
	}

.font-size2{
	border: solid 1px #8cc63f;
	margin:20px 12px;
	padding:5px;
	width:160px;
	background:#dddddd;
	font-size:80%;
	color:#222222;
	text-align:center;
	list-style:none;
	height:73px;
	}


 /* 更新履歴 */

.news {
	text-align:left;
    margin:15px;
}

 /* コンテナ */
div#container	{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;

}

div#container h1    {
	text-align:left;
	font-size:10px;
	color:#ffffff;
	margin:0px; 
}

/* ヘッダー */
div#header01    {
    background-color: #000000;

}
div#header02   {
        font-family : "ＭＳ Ｐ明朝";
        font-weight : bold;
        color : white;
        background-color : #646464;
        padding-top : 15px;
        padding-left : 50px;
        padding-right : 50px;
        padding-bottom : 15px;width : 900px;
        height : 82px;
}
div#header03    {
        width : 80px;
        height : 81px;
        float : left;
}
div#header04    {
        font-size : 22px;text-align : center;padding-top : 13px;margin-left : 100px;width : 550px;
        float : left;line-height: 30px;
}
div#header05    {
        width : 80px;height : 78px;float : right;
}
div#header p	{
	color: #000000;	
        font-size: 20px;
	margin: 0;
}
div#header06    {
	font-size:24px;
        text-align : center;
		margin-left : 100px;
		width : 550px;
        float : left;
		line-height: 28px;
}
/* パンくずリスト */
div#bread	{
	font-size: 0.75em;
	margin: 0;
	padding:5px 0 20px 0;
    width:235px;
	position:relative;
	float:left;
	
}
div#bread2	{
	font-size: 0.75em;
	margin: 0;
	padding: 3px 0 20px;
	position:relative;
	
}
/* 更新履歴 */
div#news01   {
	width: 69px;
	font-size:12px;
	color:#FF6600;
    float:left;
	padding: 5px 10px 5px 0;
}
div#news02   {
	width: 340px;
	font-size:12px;
	color:#fff;
	float:left;
	padding: 5px 0px 5px;
}
div#news03   {
	width: 340px;
	font-size:12px;
	color:#fff;
	float:left;
	padding: 5px 0px 5px;
}

/* メイン */
div#main	{
	width: 784px;
	float: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 200px;
}

/* コンテンツ */
div#content {
    background-color: #f3f0e1;
    border-color: #370000;
    border-style: solid;
    border-width: 2px;
    float: right;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 4px;
    width: 565px;
}
div#content h1	{
	color: #ff0000;
	font-size: 1.116em;
	font-family: "AR P楷書体M";
	line-height: 23px;
	padding:30px 20px 0 20px;
	margin-bottom: 0;
    text-align: center;
}


div#content h2	{
	background-color: #646464;
	background-repeat: no-repeat;
	font-size: 0.875em;
	color: #ffffff;
	line-height: 28px;
	padding-left: 6px;
	padding-top: 0;
	margin-bottom: 0;
	text-align: center;
}

div#content h3	{
	font-size: 100%;
	font-family: "AR P楷書体M";
	line-height: 1.2em;
	padding:30px 20px 0 20px;
    text-align: center;
}

div#content h4	{
	font-size: 1.1em;
	font-family: "AR P楷書体M";
	line-height: 23px;
	padding:30px 20px 0 20px;
	margin-bottom: 0;
    text-align: center;
}

div#content h5	{
	color: #0000db;
	font-size: 1.116em;
	font-family: "AR P楷書体M";
	line-height: 23px;
	padding:30px 20px 0 20px;
	margin-bottom: 0;
    text-align: center;
}


div#content h6	{
	color: #ff0000;
	font-size: 1em;
	font-family: "AR P楷書体M";
	line-height: 23px;
	padding:30px 20px 0 20px;
	margin-bottom: 0;
    text-align: center;
}


div#content p	{
	font-size: 0.95em;
	line-height: 1.6;
	margin-top: 20px;
	padding-bottom:7px;
	border-bottom-width : 1px;
	border-bottom-style : dotted;
	border-bottom-color : #333;
}



/* コンテンツ2 */
div#content2	{
	width: 996px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
border-width : 2px;border-style : solid;border-color : white;
background-color : #f3f0e1;
}


div#content2 h1	{
	color: #ff0000;
	font-size: 1.116em;
	font-family: "AR P楷書体M";
	line-height: 23px;
	padding-left: 20px;
        padding-right: 20px;
	margin-top: 30px;
	margin-bottom: 0;
        text-align: center;
}



div#content2 h2	{
	background-color: #2f002f;
	
	background-repeat: no-repeat;
	font-size: 0.875em;
	color: #ffffff;
	line-height: 28px;
	padding-left: 6px;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
}

div#content2 h3	{
	font-size: 1em;
	font-family: "AR P楷書体M";
	line-height: 1.2em;
	padding: 0 20px 20px 20px;
	margin-top: 20px;
	margin-bottom: 0;
    text-align: center;
	color:#000000;

}

div#content2 h4	{
	color:#000000;
	font-size: 1em;
	line-height: 23px;
	margin:20px;
	text-align: center;
}

div#content2 h5	{
	color: #0000db;
	font-size: 1.116em;
	font-family: "AR P楷書体M";
	line-height: 23px;
	padding-left: 20px;
        padding-right: 20px;
	margin-top: 30px;
	margin-bottom: 0;
        text-align: center;
}


div#content2 h6	{
	color: #ff0000;
	font-size: 1em;
	font-family: "AR P楷書体M";
	line-height: 23px;
	padding-left: 20px;
        padding-right: 20px;
	margin-top: 30px;
	margin-bottom: 0;
        text-align: center;
}


div#content2 p	{
	font-size: 0.75em;
	line-height: 1.6;
	margin-top: 20px;
	border-top-width : 1px;
	border-top-style : dotted;
	border-top-color : #000000;
}



ruby.example1 { ruby-align: distribute-letter; }





img.phot-odd     {
	float: left;
	margin-left : 15px;
	margin-right: 15px;
	margin-bottom: 15px;

	
}


/* サイドバー */
div#sidebar	{
	width: 196px;
	float: left;
    border-width : 2px;
	border-style : solid;
	border-color : white;
}
div#sidebar2 {
	width: 565px;
    border-style : solid;
	border-color : white;
	background-color:#000000;
}

ul.sidemenu	{
	font-size: 0.75em;
	padding : 0 13px;
	margin: 3px 0 0 0;
}

ul.sidemenu li	{
	list-style-type: none;
}

ul.sidemenu li a	{
	display: block;
	line-height: 25px;
	text-decoration: none;
	color: #ffffff;
	background-color: #ffffff;
	border: solid 1px #8cc63f;
	margin-bottom: 15px;
	padding-left: 10px;
}

ul.sidemenu li p	{
	display: block;
	text-decoration: none;
	float:left;
	margin-top: 3px;
	padding-right: 6px;
}

ul.sidemenu li a:hover	{
	background-color: #017acd;
}

ul.sidemenu ul 	{
	margin: 10px 0;
	padding: 0;
}

ul.sidemenu ul li a 	{
	background-color: transparent;
	color: #ffffff;
	border: none;
	line-height: 25px;
	margin-bottom: 0;
}

ul.sidemenu ul li a:hover 	{
	background-color: #370000;
	color: white;
}

/* サイドバー2 */
ul.sidemenu2	{
	font-size: 0.875em;
	margin:10px 10px;
	padding-left: 0;
	line-height: 0;
}

ul.sidemenu2 li	{
	list-style-type: none;
}

ul.sidemenu2 li a	{
	display: block;
	line-height: 30px;
	color: #ffffff;
	background-color: #2f002f;
	margin-bottom: 10px;
	padding-left: 10px;
}

ul.sidemenu2 li a:hover	{
	background-color: #017acd;
}

ul.sidemenu2 ul 	{
	margin: 10px 0;
	padding: 0;
}

ul.sidemenu2 ul li a 	{
	background-color: transparent;
	color: #222222;
	border: none;
	line-height: 24px;
	margin-bottom: 0;
	font-size:15px;
}

ul.sidemenu2 ul li a:hover 	{
	background-color: #F0DE75;
	color: #330000;
}


p.feed	{
	margin-bottom: 10px;
	margin-left: 10px;
}

p.feed a	{
	font-size: 0.75em;
	color: #444444;
	text-decoration: none;
	line-height: 30px;
	border: solid 1px #888888;
	padding: 5px;
}

p.feed img	{
	border: none;
	vertical-align: middle;
}

/* 右サイドバー */
div#sidebar-right	{
	width: 196px;
	float: right;
    border-width : 2px;
    border-style : solid;
    border-color : white;
	margin: 0 auto 25px;
	padding:0;

}

div.info	{
	border: solid 1px #8cc63f;
	margin:15px 12px;
	width:170px;
	}
	
div.info2	{
	margin:15px 12px;
	width:170px;
	}

div#sidebar-right h2	{
	background-color: #646464;
	border-bottom: solid 1px #8cc63f;
	color: #ffffff;
	font-size: 0.75em;
	text-align: center;
	padding: 5px;
	margin-top: 0;
	margin-bottom: 0;
}

div#sidebar-right p.photo	{
	text-align: center;
}

div#sidebar-right p	{
	font-size: 0.75em;
	margin: 10px 5px;
	color: #ffffff;

}

div#sidebar-right ul	{
	font-size: 0.85em;
	color : white;
	margin: 6px;
	padding: 0;

}

div#sidebar-right ul li 	{
	background-image: url(/image/maru-green.png);
	color : white;
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 13px;
	list-style-type: none;
	margin-bottom: 5px;
}

div#sidebar-right ul li a 	{
	color: #ffffff;
	text-decoration: none;
}

div#sidebar-right ul li a:hover	{
	color: #999999;
	text-decoration: none;
}


.nextpage {
	font-size: 0.75em;
	padding-top:5px;
	padding-left:27px;   
    margin-top : 540px;
	
}

ul#list {
	font-size:1.25em;
	text-align:left;
	width:300px;
	
}
ul#list a {
	color:#400000;
}
ul#list a:hover {
	color:#8CC63F;
}
ul#list li {
	color:#660066;
	list-style:inside;
	}

/* フッター */
div#footer {
	background-color: #646464;
	width: 1000px;
	margin-top: 0;
	padding-top: 15px;
	color : #ffffff;
	clear: both;
	text-align: center;
	margin-left:auto;margin-right:auto;	
}

div#address	{
	font-size: 0.75em;
	font-style: normal;
	padding-bottom : 15px;
    line-height : 140% ;
}

/* ホームページ専用ブログ */
* {
margin:0;
padding:0;
}
img {
border:0;
}
#tab-wrapper {
width:561px;
margin: 0 auto;
text-align: center;
padding:15px 3px;
line-height:1em;
}

.tab a:link { color:#660066 ; text-decoration:none ;}
.tab a:visited { color:#660066 ; text-decoration:none ;}
.tab a:hover { color:#8CC63F; text-decoration:none ;}

#tab-a1 {
border-left: 1px solid #8CC63F;
}
#tab-a2 {
border-bottom: 1px solid #8CC63F;
}
#tab li {
float: left;
width: 186px;
height: 40px;
list-style-type: none;

}
#tab li a, #tab li.present a {
font-size:0.95em;
text-align: center;
text-decoration:none;
padding:4px 0;
}
#tab li a:link, #tab li a:visited {
color: #fff;
display: block;width: 186px;height: 32px;background: url(/image/tab.gif) no-repeat;
}
#tab li a:hover, #tab li a:active {
color: #333;
display: block;width: 186px;height: 32px;background: url(/image/tab-h.gif) no-repeat;
}
#blog1, #blog2, #blog3, #blog4, #blog5, #blog6, #blog7, #blog8, #blog9, #blog10, #blog11, #blog12, #blog13, #blog14, #blog15, #blog16, #blog17, #blog18, #blog19, #blog20, #blog21
{
clear:both;
padding:0;
margin:0;
}

div#tab-wrapper p	{
	color:#000000;
	font-size: 1.4em;
	line-height: 1.2em;
	padding: 5px 0;
	margin: 0 0 20px 0;
    text-align: center;
}
div#tab-wrapper h3	{
	font-size: 1em;
	line-height: 1.2em;
	padding: 15px 20px 0;
	margin: 0;
    text-align: center;
	width:522px;
    border-top: 1px solid #8CC63F;
}
