/* CSS Document */

body{margin:0; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size:12px; background-color:#ffffe0; text-align:center;}
#base{margin:0 auto 0 auto; width:760px; height:auto; background-color:#ffffff; text-align:left;}

#tagline{
margin:0px 0px 0px 15px;
padding-top:10px;
font-size: 7px;
height:22px; 
color:#ddc7dd;
background-color:#ffffff; text-align:left;}



/*header内部設定始まり*/
#header{
margin:0px;
width:760px;
height:200px;
color:#FFFFFF;
background-image:url(images/top001.jpg);
background-repeat:no-repeat;
}


#header_l{
margin:0;
width:450px;
height:97px;
float:left;}

#header_r{
margin:0;
width:310px;
height:97px;
float:left;}

#header a:link {
text-decoration: none; 
color:#ffffff;
}

#header a:visited {
text-decoration: none;
color:#ffffff;
}

#header a:hover {
text-decoration: none;
color:#ffffff;
}

#header a:active {
text-decoration: none;
color:#ffffff;
}


#rogo a:link {
text-decoration: none; 
color:#ffffff;
}

#rogo a:visited {
text-decoration: none;
color:#ffffff;
}

#rogo a:hover {
text-decoration: none;
color:#ffffff;
}

#rogo a:active {
text-decoration: none;
color:#ffffff;
}


#title{
margin:5px 0 10px 5px;
width:auto;
height:104px;
font-size:13px;
font-weight:bold;
text-indent:24px;
}


#title_sub{
margin:0 0 0 30px;
width:auto;
height:auto;
color:#a06950;
}


#comment{
margin:0 10px 10px 50px;
width:auto;
height:auto;
color:#a06950;
}

/*header内部設定終わり*/


#navi{margin:15px 0px 0px 25px;
width:auto;
height:auto;
text-align:left;
}

#navi a:link {
text-decoration: underline;
color:#33312d;
}

#navi a:visited {
text-decoration: underline;
color:#33312d;
}

#navi a:hover {
text-decoration: underline;
color:#cd853f;
}

#navi a:active {
text-decoration: underline;
color:#33312d;
}



/*center設定始まり*/



#center{margin:20px 20px 20px 20px; width:720px; height:auto;}
#center_l{margin:0; width:190px; height:auto; float:left;}
#center_r{margin:0; width:490px; height:auto; float:left;}
#center_space{margin:0; width:30px; height:100px; float:left;}
/*center設定終わり*/

/*Menu設定始まり*/
.menu-bar{
margin:0;
width:180px;
height:31px;
color:#b24747;
font-size:12px;
text-align:center;
line-height:31px;
font-weight:bold;

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


.menu-box{
margin:0 0 20px 0;
padding:10px 0 10px 0;
width:180px;
height:auto;

background-image:url(images/dotted.gif);
background-position:bottom;
background-repeat:repeat-x;
}

.menu-box a:link {
text-decoration: none;
color:#33312d;
}

.menu-box a:visited {
text-decoration: none;
color:#33312d;
}

.menu-box a:hover {
text-decoration: underline;
color:#33312d;
}

.menu-box a:active {
text-decoration: none;
color:#33312d;
}

ul{margin:0; padding:0;}
li{margin:0; padding:0;}

ul .arrow{
margin:0; font-size:12px;
color:#000000;

text-indent:16px;
text-align:left;
line-height:12px;
font-weight:400;
}

ul li{
margin:0 0 0 10px;
list-style:none;
text-indent:14px;
line-height:22px;

background-image:url(images/icon_menu.gif);
background-repeat:no-repeat;
background-position:0 0px;
}

/*Menu設定終わり*/


/*Contents設定始まり*/

.contents-bar{
margin:0;
width:auto;
height:31px;

font-size:14px;
font-weight:bold;
line-height:31px;
text-indent:22px;
color:#660a0a;
background-image:url(images/arrow_2.gif);
background-repeat:no-repeat;
background-position:0 7px;
}


.contents-menu{
margin:0;
margin-left:10px;
width:auto;
font-size:13px;
font-weight:bold;
line-height:30px;
text-indent:15px;
color:#a0522d;
background-image:url(images/bmenu.gif);
background-repeat:no-repeat;
background-position:0 7px;
}

.contents-box{
margin:5px 0 30px 0;
width:auto;
height:auto; 
padding:10px 20px 0px 10px;
color:#4c4944;

background-image:url(images/dotted.gif);
background-repeat:repeat-x;
background-position:top;
}

.contents-box a:link {
text-decoration: underline;
color:#800000;
}

.contents-box a:visited {
text-decoration: underline;
color:#800000;
}

.contents-box a:hover {
text-decoration: none;
color:#800000;
}

.contents-box a:active {
text-decoration: underline;
color:#800000;
}

.contents-box2{
margin:0px 0 30px 0;
width:auto;
height:auto; 
padding:0px 0px 0px 10px;
color:#4c4944;
}

.contents-box3{
margin:0px 0 30px 0;
width:410px;
height:auto; 
padding:0px 0px 0px 0px;
background-color:#f5deb3;
border-left:2px dotted #deb887;
border-right:2px dotted #deb887;
font-size:15px;
}

.contents-box3 a:link {
text-decoration: underline;
color:#800000;
}

.contents-box3 a:visited {
text-decoration: underline;
color:#800000;
}

.contents-box3 a:hover {
text-decoration: none;
color:#800000;
}

.contents-box3 a:active {
text-decoration: underline;
color:#800000;
}


.contents-box4{
margin:0px 0 30px 0;
width:430px;
height:auto; 
padding:0px 0px 0px 10px;

}

.contents-box4 a:link {
text-decoration: none;
color:#ffffff;
}

.contents-box4 a:visited {
text-decoration: none;
color:#ffffff;
}

.contents-box4 a:hover {
text-decoration: none;
color:#ffffff;
}

.contents-box4 a:active {
text-decoration: none;
color:#ffffff;
}


/*Contents設定終わり*/


/*Footer設定始まり*/

#footer{
clear:both;
margin:0 auto 0 auto;
padding:20px 0 0 0;
width:760px;
height:110px;

text-align:center;
border-top:1px solid #bdbdbd;
}

.menu a:link {
text-decoration: underline;
color:#33312d;
}

.menu a:visited {
text-decoration:  underline ;
color:#33312d;
}

.menu a:hover {
text-decoration: underline;
color:#cd853f;
}

.menu a:active {
text-decoration: underline;
color:#33312d;
}


#copyright{
clear:both;
margin:0 auto 0 auto;
padding:20px 0 0 0;
width:760px;
height:50px;

text-align:center;
color:#999999;
border-top:1px solid #bdbdbd;
}



/*Footer設定終わり*/


img{border:0; background-color:#FFFFFF;}
h1{margin:0; padding:0;font-size:14px;}
h2{margin:0; padding:0; font-size:14px;}
h3{margin:0; padding:0; font-size:13px}
form{margin:0; padding:10px 0 10px 20px; border:1px solid #BDBDBD;}
textarea{font-size:12px;}

/*メモ帳 
blue
#00008C
blue-menu
#0065CE
blue-border
#D6EBFF
gray-border
#BDBDBD
gray-contents_bg
#F7F7F7
white-orange
#FFF7BD

orange
#FF9A00
orange→yellow
#FFD700

*/