@charset "Shift_JIS";

/*------------------------------------------------------------
☆ブラウザのCSSを初期化
------------------------------------------------------------*/

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

table{
	border-collapse: collapse;
	border-spacing: 0;
}

address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{
	font-style: normal;
	font-weight: normal;
}

fieldset,img,abbr{ border: 0; }
caption,th{ text-align: left; }
q:before,q:after{ content: ''; }
a{ text-decoration: none; }
img{
	border: none;
	vertical-align: bottom;
}



/*≪☆配置に関する設定≫*/

/*--------------------------------------------------------
1、メイン設定
--------------------------------------------------------*/

body	{
        margin: 0;
	padding: 0;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック","ＭＳ 明朝",sans-serif;
        background: url(../images/background-green.jpg) repeat-x center top fixed;/*全体の背景*/
        color: #414141;
	font-size: 1em;
}



p{ 
line-height: 1.4em;
margin-left: 20px; 

}



/*--------------------------------------------------------
2、containerの設定
--------------------------------------------------------*/

div#container	{
	background-color: #ffffff;
	width: 950px;
	margin: 0 auto;
	text-align: left;

}

/*--------------------------------------------------------
3、ヘッダートップの設定
--------------------------------------------------------*/


div#headertop{
	width: 950px;
	height: 60px;
        background: #fff;/*ヘッダートップの背景・画像等*/

}

div#headertop #top-navi{
	position: absolute;
	top: 30px;
	width: 950px;
	text-align: right;
}


div#headertop #top-navi li{
	display: inline;
	font-size: 12pt;
	line-height: 14pt;
}




/*--------------------------------------------------------
4、ヘッダーロゴの設定
--------------------------------------------------------*/

/* ヘッダー */
div#header	{
	margin-top: 0px;
	width: 950px;
	height: 300px;
	border-top: 1px solid #aaa;/*ヘッダーロゴ上下の罫線*/
	border-bottom: 1px solid #aaa;/*ヘッダーロゴ上下の罫線*/

}

/*--------------------------------------------------------
5、コンテンツの設定
--------------------------------------------------------*/

/* コンテンツ */
div#content	{
        width: 690px;
	float: right;
	margin-top: 20px;
	margin-left: auto;
	margin-right: 30px;
	margin-bottom: 25px;
	display: inline;

}


div#content p	{
        font-size: 0.9em;
	line-height: 1.6em;
	margin-top: 10px;

}

/*写真の回り込み（左）*/
div#content p.photo-l {
	float: left;
	margin: 20px 20px 20px 20px;
}

/*写真の回り込み（右）*/
div#content p.photo-r {
	float: right;
	margin: 20px 20px 20px 20px;
}

/*リストマーク付き太字*/
div#content p.list {
	background: url(../images/list.jpg) left no-repeat;
	padding-left: 30px;
	font-weight: bold;
	margin: 20px 0px 10px 0px;
}

/*Qマーク付き太字*/
div#content p.q {
	background: url(../images/q.jpg) left no-repeat;
	padding-left: 30px;
	font-weight: bold;
}

/*Aマーク付き太字*/
div#content p.a {
	background: url(../images/a.jpg) left no-repeat;
	padding-left: 30px;
	font-weight: bold;
}

/*チェックマーク付き太字*/
div#content p.checklist {
	background: url(../images/checklist.jpg) left no-repeat;
	padding-left: 30px;
	font-weight: bold;
}

/*FLOWマーク付き太字*/
div#content p.flow {
	background: url(../images/flow.jpg) left no-repeat;
	padding-left: 30px;
	font-weight: bold;
}

div#content ul,
div#content ol{
	margin: 20px 0 20px 20px;
	list-style-type: none;
	list-style-position: outside;

}

div#content li	{
        font-size: 0.9em;
	line-height: 1.6em;
	margin-top: 2px;
}



/*コンテンツ内メニュー2並列パターン*/
div.group {
        width: 299px;
	margin: 5px 0px 5px 20px;
        float:left;
        border: 2px solid #9acd32;/*メニュー罫線*/
}

div.c-m-title{ background: #9acd32; }

div.c-m-title p{
	margin: 0 10px 0 10px!important;
	padding: 5px 0 5px 0!important;
	font-size: 13pt!important;
	font-weight: bold;
	text-align: center;
        color: #f5f5f5;/*タイトル文字色*/
	line-height: 1em!important;

}

div.group ul{
	margin: 15px 0 15px 0px!important;
	text-align: center;
	list-style-type: none;
	list-style-position: outside;
}

div.group li{
	list-style-type: none;
	margin: 10px 0!important;
	font-size: 13pt!important;
	line-height: 15pt!important;
        text-indent:0px!important;
}


/*ボックスメニュー1列パターン*/
div.group1 {
width: 626px;
margin-left: 20px; 
padding-bottom:5px;
float:left;
}

div.topmenu1 {
width: 626px;
height:130px;
margin: 0;
}

div.small-box1 {
width: 303px;
height:120px;
margin: 5px 20px 0 0;
float:left;
}

div.small-box-right1 {
margin: 5px 0 0 0;
}


/*ボックスメニュー2並列パターン*/
div.group2 {
width: 303px;
margin-left: 20px; 
padding-bottom:5px;
float:left;
}

div.topmenu2 {
width: 303px;
height:100px;
margin: 0;
}

div.small-box2 {
width: 150px;
height:80px;
margin: 5px 3px 0 0;
float:left;
}

div.small-box-right2 {
margin: 5px 0 0 0;
}



/*ボックスメニュー3並列パターン*/
div.group3 {
width: 300px;
margin-left: 20px; 
padding-bottom:5px;
float:left;
}

div.topmenu3 {
width: 300px;
height:100px;
margin: 0;
}

div.small-box3 {
width: 98px;
height:80px;
margin: 5px 0 0;
float:left;
}

div.small-box-center3 {
margin: 5px 3px 0;
}

/*--------------------------------------------------------
リストマーク部分
--------------------------------------------------------*/

div#content ul.list,
div#content ol.list{
	margin: 20px 0 20px 20px;
	list-style-type:none;
	list-style-position: outside;

}

.list li{
        background: url('../images/list.jpg') no-repeat;
        text-indent:30px;
        font-size: 1em;

}

.list li.none{
        background:none;
}

/*--------------------------------------------------------
チェックマーク部分
--------------------------------------------------------*/

div#content ul.checklist,
div#content ol.checklist{
	margin: 20px 0 20px 20px;
	list-style-type:none;
	list-style-position: outside;

}

.checklist li{
        background: url('../images/checklist.jpg') no-repeat;
        text-indent:30px;
        font-size: 1em;

}

.checklist li.none{
        background:none;
}

/*--------------------------------------------------------
Flow部分
--------------------------------------------------------*/

div#content ul.flow,
div#content ol.flow{
	margin: 20px 0 20px 20px;
	list-style-type:none;
	list-style-position: outside;

}

.flow li{
        background: url('../images/flow.jpg') no-repeat 20% bottom;
        padding-bottom:30px;
        font-size: 1em;

}

.flow li.none{
        background:none;
}

/*--------------------------------------------------------
Q&A部分
--------------------------------------------------------*/

div#content ul.q,
div#content ol.q{
	margin: 20px 0 20px 20px;
	list-style-type:none;
	list-style-position: outside;

}

.q li{
        background: url('../images/q.jpg') no-repeat;
        text-indent:30px;
        font-size: 1em;
        font-weight: bold;

}

.q li.none{
        background:none;
}


div#content ul.a,
div#content ol.a{
	margin: 20px 0 20px 20px;
	list-style-type:none;
	list-style-position: outside;

}

.a li{
        background: url('../images/a.jpg') no-repeat;
        text-indent:30px;
        font-size: 1em;

}

.a li.none{
        background:none;
}

/*--------------------------------------------------------
フォームメール部分
--------------------------------------------------------*/

div#content form{
	margin: 20px 0 20px 20px;
}

/*--------------------------------------------------------
テーブル部分
--------------------------------------------------------*/

div#content table{
	margin: 20px 0 20px 20px;
        border-collapse:collapse;
        background:#ffffff;
}

table th,table td{
        padding:6px 10px;
}

.n-table th{
       border:1px solid #dddddd;
       text-align:left;
       font-weight:bold;
       background:#efefef;
       color:#000000;
       width:160px;
}

.n-table td{
       border:1px solid #dddddd;
       width:400px;
}


.g-table th{
       border: 1px solid #dddddd;
       text-align: left;
       font-weight: bold;
       background: #efefef;
       color: #000000;
       width: 240px;

}

.g-table td{
       border:1px solid #dddddd;
       width:270px;
}

.i-table th{
       border:1px solid #dddddd;
       text-align:left;
       font-weight: bold;
       background:#efefef;
       color:#000000;
       width:180px;
}

.i-table td{
       border:1px solid #dddddd;
       width:180px;
}


/*--------------------------------------------------------
文字の装飾
--------------------------------------------------------*/

.b{ font-weight: bold!important; }/*太字*/
.b-list{ font-weight: bold!important; }/*太字*/
.underline{ text-decoration: underline!important; }/*下線*/

.al-c{ text-align: center; }/*中央寄せ*/
.al-r{ text-align: right; }/*右寄せ*/
.al-l{ text-align: left; }/*左寄せ*/

.black{ color: #000!important; }/*黒色*/
.red{ color: #ff0000!important; }/*赤色*/
.blue{ color: #0000dd!important; }/*青色*/
.green{ color: #008000!important; }/*緑色*/
.yellow{ color: #ffff00!important; }/*黄色*/
.navy{ color: #1F26A9!important; }/*紺色*/
.gray{ color: #ccc!important; }/*灰色*/
.orange{ color: #ff6600!important; }/*橙色*/
.pink{ color: #cc6699!important; }/*ピンク色*/
.purple{ color: #660099!important; }/*紫色*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/

.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f16em{ font-size: 1.6em; }
.f18em{ font-size: 1.8em; }
.f20em{ font-size: 2.0em; }
.f22em{ font-size: 2.2em; }
.f24em{ font-size: 2.4em; }


.f8pt{ font-size: 8.5pt!important; }
.f9pt{ font-size: 9.0pt!important; }
.f10pt{ font-size: 10pt!important; }
.f11pt{ font-size: 11pt!important; }
.f12pt{ font-size: 12pt!important; }
.f13pt{ font-size: 13pt!important; }
.f14pt{ font-size: 14pt!important; }
.f16pt{ font-size: 16pt!important; }
.f18pt{ font-size: 18pt!important; }
.f20pt{ font-size: 20pt!important; }
.f22pt{ font-size: 22pt!important; }
.f24pt{ font-size: 24pt!important; }

/*--------------------------------------------------------
6、左メニューの設定
--------------------------------------------------------*/

/* サイドバー */
div#left	{
        width: 200px;
	float: left;
	margin-top: 20px;
	margin-bottom: 25px;

}

/*メニューボックス*/

div#left .menu{
	margin: 10px 0 10px 10px;
	width: 190px;
        border: 2px solid #9acd32;/*メニュー罫線*/
}

/*メニュータイトルの背景*/

div#left .title{ background: #9acd32; }


/*メニュータイトル*/

div#left .title p{
	margin: 0 10px 0 10px;
	padding: 5px 0 5px 0;
	font-size: 13pt;
	font-weight: bold;
	text-align: center;
        color: #f5f5f5;/*タイトル文字色*/
}


/*メニュー各論*/

div#left ul{
	margin: 5px 15px 5px 15px;
	text-align: center;
}

div#left li{
	list-style-type: none;
	margin: 15px 0;
	font-size: 10pt;
	line-height: 12pt;
}




/*--------------------------------------------------------
8、フッターの設定
--------------------------------------------------------*/

div#footer {
        clear: both;
	width: 950px;
	padding-top: 10px;
	text-align: center;
}
		


div#footer ul,
div#footer ol{
	margin: 10px 0 10px 20px;
	list-style-type: none;
	list-style-position: outside;

}



div#footer li	{
		display: inline;
		text-decoration: none;
		padding: 0 10px 0 0;
	        font-size: 10pt;

}

div#footer hr{
	clear: both;
        border-style: solid;
        border-width: 1px; 
        color:#c0c0c0;
}


/*--------------------------------------------------------
9、copyright
--------------------------------------------------------*/

div#copyright {
        clear: both;
        width: 950px;
        height: 25px;
        padding-top: 3px;
        margin: 0 auto;
	text-align: center;
	font-size: 10pt;
        color: #414141;

}



/*--------------------------------------------------------
文字色の設定
--------------------------------------------------------*/

/*リンク文字*/

a:link{ color: #333; }
a:visited{ color: #333; }/*訪問済み*/
a:hover{ color: #ff9966; }/*リンクに乗った時*/

/*--------------------------------------------------------
見出しの設定
--------------------------------------------------------*/


h1	{
	clear: both;
	margin: 10px 10px 10px 10px;
	padding: 10px 0 8px 10px;
	border-left: 7px solid #caffa2;/*左枠線の色*/
	background: url(../images/h.jpg);/*背景画像*/
	background-repeat: repeat;
	text-align: left;
	font-size: 15pt;
	font-weight: bold;
	line-height: 13pt;
	color: #f5f5f5;/*文字色*/
}


h2	{
	clear: both;
	margin: 10px 10px 10px 10px;
	padding: 5px 0 3px 10px;
	border-left: 5px solid #caffa2;/*左枠線の色*/
	background: url(../images/h.jpg);/*背景画像*/
	background-repeat: repeat;
	text-align: left;
	font-size: 13pt;
	font-weight: bold;
	line-height: 12pt;
	color: #f5f5f5;/*文字色*/
}


h3	{
	clear: both;
	margin: 10px 10px 10px 10px;
	padding: 3px 0 1px 10px;
	border-left: 3px solid #caffa2;/*左枠線の色*/
	background: url(../images/h.jpg);/*背景画像*/
	background-repeat: repeat;
	text-align: left;
	font-size: 11pt;
	font-weight: bold;
	line-height: 11pt;
	color: #f5f5f5;/*文字色*/
}

/*--------------------------------------------------------
powered by  yasuhiro wada
--------------------------------------------------------*/