/*--------------------------------------------------------------
Copyright WEB MAGIC.
http://www.webamgic.jp/
---------------------------------------------------------------*/



body {
text-align: center;
background-color:#ddffbb;/*全体の背景色-----------------*/
font-family: Arial;
font-size:12px;/*基本の文字サイズ-----------------*/
line-height:170%;
color:#606060;;/*基本の文字色-----------------*/
margin-top:20px;/*コンテンツボックスを上から少し離しています-----------------*/
margin-bottom:20px;
margin-left:0;
margin-right:0;
}



/*テキストリンクの色*/
a:link    {text-decoration:underline;color:#74683e;} 

/*訪問済みのリンクの色*/ 
a:visited {text-decoration:underline;color:#74683e;}  

/*クリック時のリンクの色*/
a:active  {text-decoration:underline;color:#74683e;}  

/*マウスの上にカーソルがあるときのリンクの色*/
a:hover   {text-decoration:underline;color:#B66B00;}  



 /*サイトタイトルテキストリンクの色*/
#title a:link     {color:#FFFFFF;text-decoration:none;} 

/*サイトタイトル訪問済みのリンクの色*/
#title a:visited  {color:#FFFFFF;text-decoration:none;}  

/*サイトタイトルクリック時のリンクの色*/ 
#title a:active   {color:#FFFFFF;text-decoration:underline;}

/*サイトタイトルマウスの上にカーソルがあるときのリンクの色*/  
#title a:hover    {color:#FFFFFF;text-decoration:underline;}  


 /*メニューテキストリンクの色*/

.menu1 a:link     {color:#ffffff;text-decoration:none;font-weight:bold;} 
.menu1 a:visited  {color:#ffffff;text-decoration:none;font-weight:bold;}  
.menu1 a:active   {color:#74683e;text-decoration:underline;font-weight:bold;} 
.menu1 a:hover    {color:#ffffff;text-decoration:underline;font-weight:bold;}  

.menu2 a:link     {color:#74683e;text-decoration:none;font-weight:bold;} 
.menu2 a:visited  {color:#74683e;text-decoration:none;font-weight:bold;}  
.menu2 a:active   {color:#74683e;text-decoration:underline;font-weight:bold;} 
.menu2 a:hover    {color:#ffffff;text-decoration:underline;font-weight:bold;} 

 /*メニューテキストリンクの色*/

.menu3 a:link     {color:#74683e;text-decoration:none;font-weight:bold;} 
.menu3 a:visited  {color:#74683e;text-decoration:none;font-weight:bold;}  
.menu3 a:active   {color:#74683e;text-decoration:underline;font-weight:bold;} 
.menu3 a:hover    {color:#ffffff;text-decoration:underline;font-weight:bold;}  

.menu4 a:link     {color:#74683e;text-decoration:none;font-weight:bold;} 
.menu4 a:visited  {color:#74683e;text-decoration:none;font-weight:bold;}  
.menu4 a:active   {color:#74683e;text-decoration:underline;font-weight:bold;} 
.menu4 a:hover    {color:#ffffff;text-decoration:underline;font-weight:bold;} 

.menu5 a:link     {color:#74683e;text-decoration:none;font-weight:bold;} 
.menu5 a:visited  {color:#74683e;text-decoration:none;font-weight:bold;}  
.menu5 a:active   {color:#74683e;text-decoration:underline;font-weight:bold;} 
.menu5 a:hover    {color:#ffffff;text-decoration:underline;font-weight:bold;} 


h1,h2,h3 {
margin:0px;
padding:0px;
font-weight:normal;
}


/*pタグ空白消去*/
p {
margin:0px;
padding:0px;
}


/*IMGボーダー非表示*/
img  {
border: none;
vertical-align:top;
}



/*TABLEボーダー非表示*/
table  {
border:none;
}


/*IE--BRバグ回避*/
br  {
letter-spacing:normal;
}


/*リスト空白消去*/
ul,ol,li  {
margin:0px;
padding:0px;
list-style:none;
}


 /* メインタイトルのフォントサイズ,色*/
h1    {
font-size:20px;       /*タイトル部分文字サイズ-----------------*/
font-weight:bold;
line-height:170%;
} 

h3    {
font-size:16px;       /*タイトル部分文字サイズ-----------------*/
line-height:170%;
} 

h2    {
font-size:10px;       /*タイトル部分文字サイズ-----------------*/
line-height:120%;
} 

#pagebody{
width:888px;
margin:0 auto;
background-color:#BBFF99; /*太い外枠の色-----------------*/
padding:0px;
text-align:center;
margin-bottom:4px;
}


#container{
background-color:#ffffff;
padding:40px 12px 12px 12px;
width:864px;
text-align:left;
}



#navi{
text-align:center;
background-color:#ffffff;
}



#navi tr{
vertical-align:middle;
}



#title{
text-align:center;
background-color:#ffffff;/*メニューのスクエア背景色-----------------*/
width:110px;
padding:0px 4px;
height:80px;
font-size:12px;
}


.menu1{
text-align:bottom;
background-color:#ffffff;/*メニューのスクエア背景色-----------------*/
width:110px;
padding:0px 4px;
height:80px;
font-size:12px;
}
.menu2{
text-align:center;

background-image:url(images/circlegreen.gif); /*写真画像を指定-----------------*/
background-position:center;
background-repeat:no-repeat;
width:111px;
padding:0px 3px;
height:111px;
font-size:12px;
}

.menu3{
text-align:center;

background-image:url(images/circleblue.gif); /*写真画像を指定-----------------*/
background-position:center;
background-repeat:no-repeat;
width:111px;
padding:0px 3px;
height:111px;
font-size:12px;
}
.menu4{
text-align:center;

background-image:url(images/circlepink.gif); /*写真画像を指定-----------------*/
background-position:center;
background-repeat:no-repeat;
width:111px;
padding:0px 3px;
height:111px;
font-size:12px;
}
.menu5{
text-align:center;

background-image:url(images/circleyellow.gif); /*写真画像を指定-----------------*/
background-position:center;
background-repeat:no-repeat;
width:111px;
padding:0px 3px;
height:111px;
font-size:12px;
}


 /*トップページ-----------------*/
#wrapper{
width:864px;
position:relative;
float:left;
background-image:url(images/epi.jpg); /*写真画像を指定-----------------*/
background-repeat:no-repeat; /*繰り返し表示はしない-----------------*/
background-position:top right; /*位置は右下-----------------*/
text-align:left;
}



#k_wrapper1{
width:864px;
position:relative;
float:left;
background-image:url(images/woman.jpg); /*下層1ページ目写真画像を指定-----------------*/
background-repeat:no-repeat;
background-position:top right;
text-align:left;
}


#k_wrapper2{
width:864px;
position:relative;
float:left;
background-image:url(images/map.jpg); /*下層2ページ目写真画像を指定-----------------*/
background-repeat:no-repeat;
background-position:top right;
text-align:left;
}


#k_wrapper3{
width:864px;
position:relative;
float:left;
background-image:url(images/bg3.jpg); /*下層3ページ目写真画像を指定-----------------*/
background-repeat:no-repeat;
background-position:bottom right;
text-align:left;
}




#top_main{
width:485px;
float:left;
}


#k_main{
width:485px;
float:left;
}



/*コンテンツ内のタイトルバー-----------------*/
.bar{
background-color:#D6D1BE;/*背景色-----------------*/
font-size:14px;/*文字サイズ-----------------*/
color:#74683e;/*文字の色-----------------*/
font-weight:bold;/*太い文字で-----------------*/
padding:6px;
}


/*コンテンツ内のタイトルバーの■模様一番左-----------------*/
.color1{
color:#66DD33;　/*色を指定-----------------*/
font-family:"arial";
}


/*コンテンツ内のタイトルバーの■模様真ん中-----------------*/
.color2{
color:#66DDBB;　/*色を指定-----------------*/
font-family:"arial";
}


/*コンテンツ内のタイトルバーの■模様一番右-----------------*/
.color3{
color:#FF6666;　/*色を指定-----------------*/
font-family:"arial";
}



.text{
padding:14px 6px 35px 6px;
line-height:150%;
}


/*トップページNEWS欄のリスト指定-----------------*/
.text li{
margin-bottom:2px;
padding-bottom:4px;
padding-left:4px;
padding-top:4px;
border-bottom:#dddddd solid 1px;　/*下線の色・種類・太さ-----------------*/
}



#copyright{
clear:both;
text-align:right;
font-size:10px;
margin-bottom:25px;
width:888px;
}