@charset "Shift_JIS";

/* ページ基本設定 */
html {
	height: 100%;
}

#index { 
text-align: center;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
height:100%;
margin: 0; 
padding: 0; 
font-size: 10pt; 
color: #000000;
background-color: #fff;
background-image:url(./images/bg1.jpg);
background-repeat:x-repeat;
background-position:top;
background-attachment:scroll;
}

#sc { 
text-align: center;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
height:100%;
margin: 0; 
padding: 0; 
font-size: 10pt; 
color: #000000;
background-color: #fff;
background-image:url(./images/bg_2.gif);
background-repeat:no-repeat;
background-position:top;
background-attachment:scroll;
}

h1 {
	font-size: -10000px;
	color:#000000;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}

h2 {
	font-size: -10000px;
	color:#000000;
        margin: 10px 0px 0px 25px;
        padding: 0px 0px 0px 0px;
} 

h3 {
	font-size: 110%;
	color:#ffffff;
        margin: 12px 0px 0px 25px;
        padding: 0px 0px 0px 0px;
} 

h4,h5,h6 {
	font-size: 110%;
	color:#FF6600;
	margin: 0px 0px 0px 25px; 
	padding: 0px 0px 0px 0px;
}

a img{
	border: none;
}

a{
	text-decoration: none;
}

a:link{
	color: #000000;
}
a:visited{
	color: #000000;
}

a:hover{
	color: #FF6600;
	text-decoration: underline;
}

a:active{
	color: #FF6600;
}

#wrapper{
text-align: left;
width: 960px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

/* ヘッダー設定 */
#header{
width:960px;
height:222px;
margin: 0px auto 0px auto;  
clear: both;
}

/* グローバルナビ設定 */
#g_navi {
width:960px;
height:222px;  
margin: 0; 
padding :0;
}

#g_navi ul { 
margin: 0; 
padding :0; 
list-style-type : none; 
}

#g_navi li { 
display : inline; 
padding :0; 
margin:0;
float:left; 
}

#g_navi #menu_1 {
width:198px; 
height:222px;
margin:0; 
padding:0;
}

#g_navi #menu_2 a {
background-image:url(./images/hd3.jpg); 
width:40px; 
height:222px;
background-repeat:no-repeat; 
margin:0px 0px 0px 245px; 
padding:0;
background-color:#fff;
display:block;
}

#g_navi #menu_2 a:hover {
background-color:#fff; 
background-image:url(./images/hd3_ro.jpg);
width:40px; 
height:222px; 
background-repeat:no-repeat;
margin:0px 0px 0px 245px; 
padding:0;
display:block;
}

#g_navi #menu_3 a {
background-image:url(./images/hd5.jpg); 
width:37px; 
height:222px;
background-repeat:no-repeat; 
margin:0px 0px 0px 20px; 
padding:0;
background-color:#fff;
display:block;
}

#g_navi #menu_3 a:hover {
background-color:#fff; 
background-image:url(./images/hd5_ro.jpg);
width:37px; 
height:222px;
background-repeat:no-repeat; 
margin:0px 0px 0px 20px; 
padding:0;
display:block;
}

#g_navi #menu_4 a {
background-image:url(./images/hd6.jpg); 
width:37px; 
height:222px;
background-repeat:no-repeat; 
margin:0; 
padding:0;
background-color:#fff;
display:block;
}

#g_navi #menu_4 a:hover {
background-color:#fff; 
background-image:url(./images/hd6_ro.jpg);
width:37px; 
height:222px;
background-repeat:no-repeat; 
margin:0;
padding:0;
display:block;
}

#g_navi #menu_5 a {
background-image:url(./images/hd8.jpg); 
width:47px; 
height:222px;
background-repeat:no-repeat; 
margin:0px 0px 0px 20px;
padding:0;
background-color:#fff;
display:block;
}

#g_navi #menu_5 a:hover {
background-color:#fff; 
background-image:url(./images/hd8_ro.jpg);
width:47px; 
height:222px;
background-repeat:no-repeat; 
margin:0px 0px 0px 20px;
padding:0;
display:block;
}

#g_navi #menu_6 a {
background-image:url(./images/hd9.jpg); 
width:47px; 
height:222px;
background-repeat:no-repeat; 
margin:0;
padding:0;
background-color:#fff;
display:block;
}

#g_navi #menu_6 a:hover {
background-color:#fff; 
background-image:url(./images/hd9_ro.jpg);
width:47px; 
height:222px;
background-repeat:no-repeat; 
margin:0;
padding:0;
display:block;
}

#g_navi #menu_7 a {
background-image:url(./images/hd10.jpg); 
width:47px; 
height:222px;
background-repeat:no-repeat; 
margin:0;
padding:0;
background-color:#fff;
display:block;
}

#g_navi #menu_7 a:hover {
background-color:#fff; 
background-image:url(./images/hd10_ro.jpg);
width:47px; 
height:222px;
background-repeat:no-repeat; 
margin:0;
padding:0;
display:block;
}

#g_navi #menu_8 a {
background-image:url(./images/hd11.jpg); 
width:52px; 
height:222px;
background-repeat:no-repeat; 
margin:0;
padding:0;
background-color:#fff;
display:block;
}

#g_navi #menu_8 a:hover {
background-color:#fff; 
background-image:url(./images/hd11_ro.jpg);
width:52px; 
height:222px;
background-repeat:no-repeat; 
margin:0;
padding:0;
display:block;
}

#g_navi #menu_9 a {
background-image:url(./images/hd13.jpg); 
width:130px; 
height:222px;
background-repeat:no-repeat; 
margin:0px 0px 0px 40px;
padding:0;
background-color:#fff;
display:block;
}

#g_navi #menu_9 a:hover {
background-color:#fff; 
background-image:url(./images/hd13_ro.jpg);
width:130px; 
height:222px;
background-repeat:no-repeat; 
margin:0px 0px 0px 40px;
padding:0;
display:block;
}

.span1 {display:none;}

#main {
   float: left;
   width:960px;
   height:350px;
}

/* ミドルメニュー設定 */
#box {
   float: left;
   width:960px;
   height:228px;
}


#m_navi {
width:960px;
height:228px;  
margin: 0; 
padding :0;
}

#m_navi ul { 
margin: 0; 
padding :0; 
list-style-type : none; 
}

#m_navi li { 
display : inline; 
padding :0; 
margin:0;
float:left; 
}

#m_navi #menu_1 a {
background-image:url(./images/um1.jpg); 
width:320px; 
height:228px;
background-repeat:no-repeat; 
margin:0;
padding:0;
background-color:#fff;
display:block;
}

#m_navi #menu_1 a:hover {
background-color:#fff; 
background-image:url(./images/um1_ro.jpg);
width:320px; 
height:228px;
background-repeat:no-repeat; 
margin:0;
padding:0;
display:block;
}

#m_navi #menu_2 a {
background-image:url(./images/um2.jpg); 
width:320px; 
height:228px;
background-repeat:no-repeat; 
margin:0;
padding:0;
background-color:#fff;
display:block;
}

#m_navi #menu_2 a:hover {
background-color:#fff; 
background-image:url(./images/um2_ro.jpg);
width:320px; 
height:228px;
background-repeat:no-repeat; 
margin:0;
padding:0;
display:block;
}

#m_navi #menu_3 a {
background-image:url(./images/um3.jpg); 
width:320px; 
height:228px;
background-repeat:no-repeat; 
margin:0;
padding:0;
background-color:#fff;
display:block;
}

#m_navi #menu_3 a:hover {
background-color:#fff; 
background-image:url(./images/um3_ro.jpg);
width:320px; 
height:228px;
background-repeat:no-repeat; 
margin:0;
padding:0;
display:block;
}

.span1 {display:none;}

#box_2 {
   position: relative;
   float: left;
   width:960px;
   height:195px;
}

div.msg {
   float: left;
   width:960px;
   height:170px;
   margin: 25px 0 0 0;
   background-image: url(./images/msg.jpg);
}

div.msg p {
	font-size: 100%;
	color:#000000;
        margin: 20px 0px 0px 210px;
        padding: 0px 0px 0px 0px;
	line-height: 140%;
}

div.line {
   float: left;
   width:960px;
   height:40px;
   margin:0;
   background-image: url(./images/line.jpg);
}

div.kdwr_h {
   float: left;
   width:960px;
   height:50px;
}

div.kdwr {
   float: left;
   width:960px;
   height:100%;
   margin:0;
   background-image: url(./images/k_bg.jpg);
}

div.kdwr p {
	font-size: 100%;
	color:#000000;
        margin: 15px 0px 0px 15px;
        padding: 0px 0px 0px 0px;
	line-height: 200%;
}

div.stmi {
   float: left;
   width:960px;
   height:100%;
   margin:0;
   background-image: url(./images/k_bg.jpg);
}

div.stmi p {
	font-size: 100%;
	color:#000000;
        margin: 10px 0px 0px 15px;
        padding: 0px 0px 0px 0px;
	line-height: 200%;
}

div.stmi_2 {
   float: left;
   width:960px;
   height:540px;
   margin:0;
   background-image: url(./images/k_bg.jpg);
}

div.stmi_2 p {
	font-size: 100%;
	color:#000000;
        margin: 10px 0px 0px 15px;
        padding: 0px 0px 0px 0px;
	line-height: 200%;
}

form {
   float: left;
   width:960px;
   height:100%;
   margin:0;
}

#biz_i {
   float: left;
   width:960px;
   height:34px;
   margin:0;
}

div.biz_link a {
background-image:url(./images/b_i.jpg);
overflow: hidden; 
width:240px; 
height:34px;
background-repeat:no-repeat; 
margin:0px 0px 0px 720px;
padding:0;
background-color:#fff;
display:block;
}

div.biz_link a:hover {
background-color:#fff; 
background-image:url(./images/b_i_ro.jpg);
overflow: hidden;
width:240px; 
height:34px;
background-repeat:no-repeat; 
margin:0px 0px 0px 720px;
padding:0;
display:block;
}

.span1 {display:none;}


div.about {
   float: left;
   width:960px;
   height:170px;
   margin:0;
   background-image: url(./images/about_bg.jpg);
}

div.about p {
	font-size: 100%;
	color:#000000;
        margin: 7px 0px 0px 200px;
        padding: 0px 0px 0px 0px;
	line-height: 200%;
}

#prd {
   float: left;
   width:960px;
   height:190px;
   margin:0;
}

div.prd_1 {
   float: left;
   width:890px;
   height:190px;
   margin:0;
   background-image: url(./images/prd1_bg.jpg);
}

div.prd_1 p {
	font-size: 100%;
	color:#000000;
        margin: 15px 0px 0px 320px;
        padding: 0px 0px 0px 0px;
	line-height: 200%;
}

div.prd_link a {
background-image:url(./images/prd_link.jpg);
overflow: hidden; 
width:70px; 
height:190px;
background-repeat:no-repeat; 
margin:0;
padding:0;
background-color:#fff;
display:block;
}

div.prd_link a:hover {
background-color:#fff; 
background-image:url(./images/prd_link_ro.jpg);
overflow: hidden;
width:70px; 
height:190px;
background-repeat:no-repeat; 
margin:0;
padding:0;
display:block;
}

.span1 {display:none;}


div.prd_2 {
   float: left;
   width:890px;
   height:190px;
   margin:0;
   background-image: url(./images/prd2_bg.jpg);
}

div.prd_2 p {
	font-size: 100%;
	color:#000000;
        margin: 15px 0px 0px 320px;
        padding: 0px 0px 0px 0px;
	line-height: 200%;
}

div.prd_2_link a {
background-image:url(./images/prd_link.jpg);
overflow: hidden; 
width:70px; 
height:190px;
background-repeat:no-repeat; 
margin:0;
padding:0;
background-color:#fff;
display:block;
}

div.prd_2_link a:hover {
background-color:#fff; 
background-image:url(./images/prd_link_ro.jpg);
overflow: hidden;
width:70px; 
height:190px;
background-repeat:no-repeat; 
margin:0;
padding:0;
display:block;
}

.span1 {display:none;}





div.map {
   float: left;
   width:960px;
   height:360px;
   margin:0;
}





div.main_1{
   float: left;
   width:110px;
   height:350px;
}

#main_2{
   float: left;
   width:950px;
   height:100px;
}

#container{
width: 100%;
float: left;
margin-right: -237px;
}

#contents{
position: relative;
margin: 0 237px 0 0px;
padding: 0;
}

div.main_ct_1 {
   float: left;
   width:713px;
   height:241px;
   background-image: url(./images/ct_01.jpg); 
}

div.main_ct_1 p {
	font-size: 100%;
	color:#000000;
        margin: 10px 0px 0px 25px;
        padding: 0px 0px 0px 0px;
	line-height: 140%;
}

div.main_ct_1 h2 {
	font-size: 110%;
	color:#000347;
        margin: 100px 0px 0px 25px;
	line-height: 140%;
}

div.main_ct_2 {
   float: left;
   width:240px;
   height:330px;
   margin: 0px 0px 0px 0px;
   background-image: url(./images/ct_02.jpg); 
}

div.main_ct_2 p {
	font-size: 100%;
	color:#000000;
        margin: 10px 0px 0px 20px;
        padding: 0px 0px 0px 0px;
	line-height: 140%;
}

div.main_ct_2 h2 {
	font-size: 110%;
	color:#3399FF;
        margin: 130px 0px 0px 15px;
	line-height: 140%;
}

div.main_ct_2 a {
	font-size: 110%;
        margin: 300px 0px 0px 70px;
	line-height: 350%;
}

div.main_ct_3 {
   float: left;
   width:235px;
   height:330px;
   margin: 0px 0px 0px 0px;
   background-image: url(./images/ct_03.jpg); 
}

div.main_ct_3 p {
	font-size: 100%;
	color:#000000;
        margin: 10px 0px 0px 15px;
        padding: 0px 0px 0px 0px;
	line-height: 140%;
}

div.main_ct_3 h2 {
	font-size: 110%;
	color:#85D84E;
        margin: 130px 0px 0px 15px;
	line-height: 140%;
}

div.main_ct_3 a {
	font-size: 110%;
        margin: 300px 0px 0px 70px;
	line-height: 350%;
}

div.main_ct_4 {
   float: left;
   width:238px;
   height:330px;
   margin: 0px 0px 0px 0px;
   background-image: url(./images/ct_04.jpg); 
}

div.main_ct_4 p {
	font-size: 100%;
	color:#000000;
        margin: 10px 0px 0px 15px;
        padding: 0px 0px 0px 0px;
	line-height: 140%;
}

div.main_ct_4 h2 {
	font-size: 110%;
	color:#F39700;
        margin: 130px 0px 0px 15px;
	line-height: 140%;
}

div.main_ct_4 a {
	font-size: 110%;
        margin: 300px 0px 0px 70px;
	line-height: 350%;
}

div.head {
float: left;
width: 713px;
height:95px;
}

div.about_1 {
   float: left;
   width:713px;
   height:50px;
}

div.about_2 {
   float: left;
   width:713px;
   height:35px;
   margin: 0px 0px 0px 0px;
   background-image: url(./images/about_02.jpg); 
}

div.about_2 p {
	font-size: 100%;
	color:#000000;
        margin: 8px 0px 0px 80px;
        padding: 0px 0px 0px 0px;
	line-height: 100%;
}

div.about_3 {
   float: left;
   width:713px;
   height:35px;
   margin: 0px 0px 0px 0px;
   background-image: url(./images/about_03.jpg); 
}

div.about_3 p {
	font-size: 100%;
	color:#000000;
        margin: 8px 0px 0px 80px;
        padding: 0px 0px 0px 0px;
	line-height: 100%;
}

div.about_4 {
   float: left;
   width:713px;
   height:35px;
   margin: 0px 0px 0px 0px;
   background-image: url(./images/about_04.jpg); 
}

div.about_4 p {
	font-size: 100%;
	color:#000000;
        margin: 8px 0px 0px 80px;
        padding: 0px 0px 0px 0px;
	line-height: 100%;
}

div.about_5 {
   float: left;
   width:713px;
   height:35px;
   margin: 0px 0px 0px 0px;
   background-image: url(./images/about_05.jpg); 
}

div.about_5 p {
	font-size: 100%;
	color:#000000;
        margin: 8px 0px 0px 80px;
        padding: 0px 0px 0px 0px;
	line-height: 100%;
}

div.about_6 {
   float: left;
   width:713px;
   height:35px;
   margin: 0px 0px 0px 0px;
   background-image: url(./images/about_06.jpg); 
}

div.about_6 p {
	font-size: 100%;
	color:#000000;
        margin: 8px 0px 0px 80px;
        padding: 0px 0px 0px 0px;
	line-height: 100%;
}

div.about_7 {
   float: left;
   width:713px;
   height:35px;
   margin: 0px 0px 0px 0px;
   background-image: url(./images/about_07.jpg); 
}

div.about_7 p {
	font-size: 100%;
	color:#000000;
        margin: 8px 0px 0px 80px;
        padding: 0px 0px 0px 0px;
	line-height: 100%;
}

div.about_8 {
   float: left;
   width:713px;
   height:35px;
   margin: 0px 0px 0px 0px;
   background-image: url(./images/about_08.jpg); 
}

div.about_8 p {
	font-size: 100%;
	color:#000000;
        margin: 8px 0px 0px 90px;
        padding: 0px 0px 0px 0px;
	line-height: 100%;
}

div.about_9 {
   float: left;
   width:713px;
   height:45px;
   margin: 0px 0px 0px 0px;
   background-image: url(./images/about_09.jpg); 
}

div.about_9 p {
	font-size: 100%;
	color:#000000;
        margin: 8px 0px 0px 90px;
        padding: 0px 0px 0px 0px;
	line-height: 100%;
}

div.ac {
   float: left;
   width:713px;
   height:370px;
   margin: 0px 0px 0px 10px;
}

div.map {
   float: left;
   width:395px;
   height:370px;
   margin: 0px 0px 0px 0px;
}

div.office {
   float: left;
   width:300px;
   height:370px;
   margin: 0px 0px 0px 0px;
}

div.biz_1 {
   float: left;
   width:713px;
   height:455px;
   margin: 0px 0px 0px 0px;
   background-image: url(./images/biz_02.jpg); 
}

div.biz_1 p {
	font-size: 100%;
	color:#000000;
        margin: 25px 0px 0px 25px;
        padding: 0px 0px 0px 0px;
	line-height: 100%;
}

div.biz_2 {
   float: left;
   width:713px;
   height:304px; 
}

div.form a {
   float: left;
   display:block;
   color:#fff;
   background:url(./images/form.jpg) no-repeat;
   width:713px;
   height:115px;
   text-decoration:none;
}

div.form a:hover{
color:#fff; 
background:url(./images/form_ro.jpg) no-repeat;
}
.span1 {display:none;}





#sidebar{
float: left;
width: 237px;
}

.side_jt {
width:237px;
height:241px;  
margin: 0px 0px 0px 0px; 
padding :0;
}

.side_blog_1 {
width:237px;
height:118px;  
margin: 0px 0px 0px 0px; 
padding :0;
}

.side_blog_2 {
   float: left;
   width:237px;
   height:212px;
   background-image: url(./images/side_blog_02.jpg); 
   margin: 0px 0px 0px 0px;
}

div.side_blog_2 p {
	font-size: 100%;
	color:#000000;
        margin: 10px 0px 0px 15px;
        padding: 0px 0px 0px 0px;
	line-height: 140%;
}

div.rss_inline {
   float: left;
    overflow:auto;
   margin: 10px 0px 0px 15px;
   width:207px;
   height:172px;
}


.side_m_set {
width:237px;
height:145px;  
margin: 0; 
padding :0;
}

.side_m_set ul { 
margin: 0; 
padding :0; 
list-style-type : none; 
}

.side_m_set li { 
display : inline; 
padding :0; 
margin:0;
 
}

.side_m_set .sm_1 a {
background-image:url(./images/sm_01.jpg); 
width:237px; 
height:59px;
background-repeat:no-repeat; 
margin:0; 
padding:0;
background-color:#fff;
display:block;
}

.side_m_set .sm_1 a:hover {
background-color:#fff; 
background-image:url(./images/sm_01_ro.jpg);
width:237px; 
height:59px; 
background-repeat:no-repeat;
margin:0;
padding:0;
display:block;
}

.side_m_set .sm_2 a {
background-image:url(./images/sm_02.jpg); 
width:237px; 
height:41px;
background-repeat:no-repeat; 
margin:0; 
padding:0;
background-color:#fff;
display:block;
}

.side_m_set .sm_2 a:hover {
background-color:#fff; 
background-image:url(./images/sm_02_ro.jpg);
width:237px; 
height:41px; 
background-repeat:no-repeat;
margin:0;
padding:0;
display:block;
}

.side_m_set .sm_3 a {
background-image:url(./images/sm_03.jpg); 
width:237px; 
height:45px;
background-repeat:no-repeat; 
margin:0; 
padding:0;
background-color:#fff;
display:block;
}

.side_m_set .sm_3 a:hover {
background-color:#fff; 
background-image:url(./images/sm_03_ro.jpg);
width:237px; 
height:45px; 
background-repeat:no-repeat;
margin:0;
padding:0;
display:block;
}
.span1 {display:none;}


#footer_area{
text-align: left;
width: 950px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
clear: both;
}

.undernavi {
  position:relative;
  float: left;
  text-align: center;
  width: 100%;
  clear: both;
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 0px 0px;
  background-image:url(./images/under_bg_1.gif);
　background-repeat:repeat-x;
　background-position:top;
　background-attachment:scroll;
}

.undernavi li {
  display: inline;
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 0px;
}

.undernavi li a {
 text-decoration: none;
  color: #fff;
}

.undernavi li a:hover {
 color: #FF6600;
 text-decoration: underline;
}

.footer {
  position:relative;
  width: 960px;
  	height:40px;
  text-align: right;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #000;
  clear: both;
}

.footer p{
margin: 0px 0px 0px 0px;
padding: 0.5em 0;
}

/* パンくずリスト */

div.tp{
   float: left;
   width:950px;
   height:20px;
  background-image:url(./images/tp_bg.jpg);
}

ol#topicPath {
	margin: 2px 0px 0px 15px;
	padding: 0;
	font-size: 80%;
	list-style: none;
	background: #fff;
}
ol#topicPath li {
	float: left;
	padding-right: 7px;
	padding-left: 10px;
	background: url(./images/topic_path.gif) no-repeat 0 50%;
}
ol#topicPath li.home {
	padding-left: 0;
	background: none;
}
ol#topicPath li a:link,
ol#topicPath li a:visited {
	color: #000000;
	text-decoration: underline;
}
ol#topicPath li a:hover,
ol#topicPath li a:active {
	color: #FFB644;
	text-decoration: underline;
}
ol#topicPath li em {
	font-style: normal;
	font-weight: bold;
}