@charset "utf-8";

/*--Default--------------------------------------------------------------*/

#content_box:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;}

#content_box{
/*\*//*/
display: inline-table !important;
/**/
}

img{
border:0;
vertical-align:top;
}

ul,ol,dl{
list-style-type:none;
margin:0;
padding:0;
}

h1,h2,h3,h4,h5{
margin:0;
padding:0;
}

body{
font-size:12px;
line-height:14px;
color:#000;
margin:0px;
padding:0px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
text-align:left;
background-image:url(../images/body_bg.gif);
background-repeat:repeat-x;
text-align:center;
}


#wrap{
width:801px;
background-image:url(../images/contents_bg.gif);
margin:0 auto;
}

a:link {
color: #2567AE;
text-decoration:none;
}
a:visited {
color: #2567AE;
text-decoration:none;
}

a:hover {
color: #2567AE;
text-decoration:underline;
}
a:active {
color: #2567AE;
text-decoration:none;
}
table,td,{
font-size:12px;}

/*==clearfix=====================================================================*/

.clearfix:after{ /* for New Browser */
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}

.clearfix{
display:inline-block; /* for IE */
}

.clear{
clear:both;
}


/*--All--------------------------------------------------------------*/

/*--header---*/

#header {
width:801px;
background:url(../images/header_bg.gif) repeat-y;
margin:0px;
text-align:left;
height:112px;
position:relative;
}

h1{
font-size:10px;
color:#FFFFFF;
font-weight:normal;
padding:0px;
text-indent:20px;
}

h2 img{
margin:0 0 5px 0;
}

h3{
font-size: 12px;
}



#rogo a{
position:absolute;
display:block;
background:url(../images/rogo.gif) no-repeat;
text-indent:-1000px;
width:250px;
height:52px;
top:35px;
left:20px;
}

#add01{
position:absolute;
top:35px;
left:605px;}

#add02{
position:absolute;
top:35px;
left:709px;}

#add03{
position:absolute;
top:61px;
left:587px;}


/*--content--*/

#content_box{
width:801px;
margin:0px;
padding:0px;
text-align:left;
background-repeat:repeat-y;}

/*--leftside--*/
#sideMargin{
margin:10px 0px 0 5px;}

#sidemenu{
width:180px;
float:left;
text-align:left;}

#sidemenu ul{
margin:0 0 10px 0;
padding:0;
width:180px;}

#sidemenu ul li{
margin:0 0 5px 0 !important;
margin:0 0 4px 0;
font-weight:bold;
line-height:14px;}

#sidemenu ul li.sBtn{
background:url(../images/menu01_bg.gif) no-repeat;}

#sidemenu ul li.bBtn{
background: url(../images/menu04_bg.gif) no-repeat;}

#sidemenu ul li.sBtn a{
height:16px !important;
height:38px;
padding:12px 12px 10px 12px;}

#sidemenu ul li.bBtn a{
height:31px !important;
height:53px;
padding:12px 12px 10px 12px;}

#sidemenu ul li a{
display:block;
color:#FFFFFF;}


#sidemenu ul li a span{
background:url(../images/menu01_arrow.gif) left top no-repeat;
padding:1px 0 2px 17px;
display:block;}

#sidemenu ul li.menuimg{
background:none;
margin:0;
padding:0;}

#sidemenu ul li.menuimg2{
background:none;
margin:10px;
padding:0;}

#sidemenu ul li ul{
background:url(../images/menu_bg.jpg);
margin:0 0 5px 0;}

#sidemenu ul li ul li{
background:url(../images/menu_line.gif) bottom center no-repeat;
margin:0 0 0 0;
padding:4px 12px 3px 12px;
font-weight:bold;
line-height:16px;}

#sidemenu ul li ul li.menuBottom{
background:url(../images/menu_01btm.gif) bottom center no-repeat;
padding:4px 12px 10px 12px;}

#sidemenu ul li ul li span{
display:block;
padding:0 0 2px 17px;}

#sidemenu ul li ul#menuOrange li span{
background:url(../images/menu02_arrow.gif) left top no-repeat;}

#sidemenu ul li ul#menuOrange li a{
color:#666;
font-weight:normal;}

#sidemenu ul li ul#menuOrange li a:visited{
color:#666;
font-weight:normal;}

#sidemenu ul li ul#menuOrange li a:hover{
color:#F9B320;
font-weight:underline;
}
#sidemenu ul li ul#menuOrange li a:active{
color:#666;
font-weight:normal;
}
#sidemenu ul li ul#menuPink li span{
background:url(../images/menu03_arrow.gif) left top no-repeat;
}

#sidemenu ul li ul#menuPink li a{
color:#666;
font-weight:normal;
}

#sidemenu ul li ul#menuPink li a:visited{
color:#666;
font-weight:normal;
}

#sidemenu ul li ul#menuPink li a:hover{
color:#FA6EAA;
font-weight:underline;
}

#sidemenu ul li ul#menuPink li a:active{
color:#666;
font-weight:normal;
}

#sidemenu .img1 a{
display:block;
width:180px;
height:57px;
background:url(../images/menu_official.gif) no-repeat;
text-indent:-9999px;
margin-bottom:10px;
}
#sidemenu .img1 a:visited{
background:url(../images/menu_official.gif) no-repeat;
}
#sidemenu .img1 a:hover{
background:url(../images/menu_official2.gif) no-repeat;
}
#sidemenu .img1 a:active{
background:url(../images/menu_official.gif) no-repeat;
}

#sidemenu .img2 a{
display:block;
width:180px;
height:57px;
background:url(../images/menu_form.gif) no-repeat;
text-indent:-9999px;
margin-bottom:10px;
}
#sidemenu .img2 a:visited{
background:url(../images/menu_form.gif) no-repeat;
}
#sidemenu .img2 a:hover{
background:url(../images/menu_form2.gif) no-repeat;
}
#sidemenu .img2 a:active{
background:url(../images/menu_form.gif) no-repeat;
}

/*--rightside--*/
#Main{
width:575px;
float:right;
text-align:left;
padding:0px 21px 0px 19px;
font-size:12px;
line-height:16px;}


.mainImg{
margin-bottom:10px;
width:575px;}

.h2Box{
width:575px;
text-align:left;
margin:0 0 5px 0;
}

.h2Box ul{
margin-top: 15px;
}

.h2Box p{
margin: 0;
padding: 0;
}

.h2imgBox{
float:left;
margin:0 10px 10px 0;
}

.contents02Box{
width:575px;
text-align:left;
margin:0 0 10px 0;
background: url(../images/contents02_bg.gif) repeat-y;}

.contents02Bottom{
width:575px;
background: url(../images/contents02_bottom.gif) bottom no-repeat;
padding-bottom:5px;
}

.box01{
width:282px;
background:url(../images/contents02.gif) top left no-repeat;
float:left;
}
.box01Inner{
margin:0 5px;
}
.box01Title{
margin-bottom:9px;
padding-top:5px;
font-weight:bold;
}

.box01 #pinkTitle a:link{
color:#666;
text-decoration:none;
}

.box01 #pinkTitle a:visited{
color:#666;
text-decoration:none;
}

.box01 #pinkTitle a:hover{
color:#FA6FAA;
text-decoration:underline;
}
.box01 #pinkTitle a:active{
color:#666;
text-decoration:none;
}
.box01Title a{
background:url(../images/contents02_arrow.gif) top left no-repeat;
padding:0 0 0 18px;

}

.box01Img{
float:left;
margin:0px 10px 2px 0px;
}
.box01Text{
width:130px;
background:#f99;
float:right;
}
.box02{
width:282px;
background:url(../images/contents03.gif) top left no-repeat;
float:right;
}
.box01Title{
margin-bottom:9px;
padding-top:5px;
}
.box02 #greenTitle a:link{
color:#666;
text-decoration:none;
}

.box02 #greenTitle a:visited{
color:#666;
text-decoration:none;
}

.box02 #greenTitle a:hover{
color:#6AA02E;
text-decoration:underline;
}
.box02 #greenTitle a:active{
color:#666;
text-decoration:none;
}

.contents04{
display:block;
width:575px;
background:url(../images/contents04_bg.gif) repeat-y;
margin:0 0 10px 0;
}

.contents04_bottom{
position:relative;
background:url(../images/contents04_bottom.gif) bottom no-repeat;
padding-bottom:8px;}

.contents04_bottom h2{
height:137px;
padding:0px;
margin:0;}

.contents04_bottom p.head02{
height:137px;
padding:0px;
margin:0;}


.indexKanura{
position:absolute;
width:260px;
top:42px;
left:17px;}

.indexKandai{
position:absolute;
width:260px;
top:42px;
left:297px;}

.indexAwaji{
position:absolute;
width:260px;
top:88px;
left:17px;}

.indexHankyu{
position:absolute;
width:260px;
top:88px;
left:297px;}


.contents05{
width:575px;
background:url(../images/contents05_bg.jpg) repeat-y;
margin:0 0 10px 0;
}

.contents05_bottom{
background:url(../images/contents05_btm.jpg) bottom no-repeat;
padding-bottom:5px;}

.contents05_bottom h3{
padding:0;
margin:0;}

.contents05_bottom p.head03 {
padding:0;
margin:0;}

.contents05_bottom p{
line-height:18px;
margin:5px 8px 5px 8px;}



#footer {
width:801px;
background:url(../images/footer_bg.gif) no-repeat;
margin:0px auto;
text-align:right;
height:105px;
font-size:10px;
}
#footer p{
margin: 0;
padding: 0;
}
#footer .footerLink{
padding:13px 20px 13px 20px;
}
address#copyLight{
width:800px;
text-align:center;
margin:5px 0;
color:#FFFFFF;
font-style: normal;
}


/*-kanura/index.html*/
.h3text{
width:565px;
margin:0 5px 20px 5px;
}
.h3text p strong{
line-height:20px;
margin:0 0 10px 0;

}

.textbox{
width:565px;
margin:0 5px 10px 5px;
}

.toform{
width:565px;
text-align:center;
margin:5px 0 10px 0px;
}


.textbox strong{
line-height:20px;
margin:0 0 10px 0;
}
ul.kome li{
margin-left:9px;
}
ul.kome li span{
margin-left:-9px;
}

.imgright{
float:right;
margin:0 0 10px 10px;
}

.imgleft{
float:left;
margin:0 10px 10px 0;
}


.bgcolor01{
background-color:#666666;}
.bgcolor02{
background-color:#E8F1F7;}

.bgcolor03{
background-color:#B8D2F3;}

.bgcolorWhire{
background-color:#fff;}

p.bana{
margin:0 0 30px 0;}


.bukken{
width:575px;
margin:0 0px 10px 0px; 
background:url(../images/bukken_bg2.gif) repeat-y;}

.bukkenBottom{
background:url(../images/bukken_bg3.gif) bottom no-repeat;
padding-bottom:18px;}

.bukkenMidashi{
width:575px;
background:url(../images/bukken_bg1.gif) no-repeat;
text-indent:18px;
padding:13px 0 13px 0px;
}

.bukkenMidashi div{
color:#FFF;
font-weight:bold;

}

.bukkenMidashi div span{
font-weight:normal;
}

.bukkenimage{
margin:0 14px 0 20px;}

.bukkenJouhou{
margin:0 0 20px 0;}

.pagetop{
text-align:right;
width:565px;
margin:0 5px 20px 5px}

dl.kome2 {
margin:0px;
padding:0px;}

dl.kome2 dt{
margin-left:9px;
}
dl.kome2 dt span{
margin-left:-9px;
}


/*-technique1/index.html*/
.fontcolor_red{
color:#FF0000;
}

/*-guide/index.html*/
.innerImage{
width:565px;
margin:0 5px 10px 5px;
text-align:center;
}
.innerImage .bleck{}
.innerImage #left{
float:left;
width:260px;}

.innerImage #right{
float:right;
width:260px;}

dl.sitemap dt{
padding:5px;}

dl.sitemap dd{
margin:0 0 5px 10px;
}




.flow_bg{
width:565px;
margin:0 5px 10px 5px;
}
.flow_bg img{
margin-bottom1:}
.arrow{
float:left;
width:55px;
}
.flowText{
margin:7px 15px 0 70px;
}

#copyLight{
width:800px;
text-align:center;
margin: 5px 0;
padding: 85px 0 5px;
color:#FFFFFF;
}