/* ----------------------------------------------------------------------------------------------------------

    Japan-it
    
    Structure:
    display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;

    Content:
    
        1) HTML tags, reset
        2) Universal styles (display, float, margin, text-align...)
        3) Generally HTML styles (table, ul, dl...)
        4) Layout
        5) Page: Home
        
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags, reset
---------------------------------------------------------------------------------------------------------- */

li{
	list-style-type:none;
}
li img{
	border:0;
}

li a:hover {
	background-color:transparent;
}
li a:hover img{
	visibility:hidden;
	margin: 0px;
	
}


.bt1 a:hover {
	background-image:url(../image/bt/1_2.png);
	background-repeat:no-repeat;
	height: 45px;
	width: 128px;
}


.bt2 a:hover {
	background-image:url(../image/bt/2_2.png);
	background-repeat:no-repeat;
	height: 45px;
	width: 128px;
}

.bt3 a:hover {
	background-image:url(../image/bt/3_2.png);
	background-repeat:no-repeat;
	height: 45px;
	width: 128px;
}


.bt4 a:hover {
	background-image:url(../image/bt/4_2.png);
	background-repeat:no-repeat;
	height: 45px;
	width: 128px;
}



.bt5 a:hover {
	background-image:url(../image/bt/5_2.png);
	background-repeat:no-repeat;
	height: 45px;
	width: 128px;
}


.bt6 a:hover {
	background-image:url(../image/bt/6_2.png);
	background-repeat:no-repeat;
	height: 45px;
	width: 132px;
}


.bt7 a:hover {
	background-image:url(../image/bt/7_2.png);
	background-repeat:no-repeat;
	height: 45px;
	width: 128px;
}

.box2 {
	float:left;
	width: 323px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-top: 5px;
	border: 1px solid #999999;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	font-size: 13px;
}
.box3 {
	float: left;
	width: 325px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-top: 5px;
	border: 1px solid #999999;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
* {
	margin:0;
	padding:0;
}
body, div, span, p, a, ol, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}

body {
	text-align:center;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	background-repeat: repeat;
	background-position: 0 0;
	background-color: #666666;
	font-size: 14px;
	line-height: 1.5;
}
.sv {
	margin-bottom: 15px;
}
.cel_33{
	border: 1px solid silver;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 5px;
	font-size: 12px;
}
.qa1 {
	font-weight: bold;
	background-color: #0066CC;
	padding: 5px;
	color: #FFFFFF;
}
.qa2 {
	padding: 5px;
	border: thin solid #999999;
	margin-bottom: 20px;
}
.style4 {
	color: #0066CC;
	font-size: 14px;
}
style6 {color: #FFFFFF}
.border_line2 {
	border: 1px solid #999999;
	height: 127px;
	width: 450px;
	margin-left: 200px;
	font-size: 14px;
	padding: 5px;
	background-image: url(../../image/ac_bg.jpg);
}
.style2 {
	color: #006699;
	font-size: 14px;
	font-weight: bold;
}
.border_line {
	border: 1px solid #999999;
	height: 100px;
	width: 480px;
	margin-left: 170px;
	font-size: 14px;
	padding: 5px;
}
.style4 {
	color: #0066CC;
	font-size: 12px;
}
.box3 {
	float: left;
	width: 450px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 5px;
	font-size: 14px;
}
.box8 {
	float: left;
	width: 340px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 5px;
	font-size: 14px;
}
.box4 {
	float:left;
	width: 275px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
	font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h2 {font-size:120%;}
h3, h4 {font-size:120%; font-weight:normal;}
h5 {font-size:100%;}

p, table, ol, dl, fieldset {margin:15px 0;}

table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
	width: 100%;
}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 7px;}


dt {font-weight:bold;}
dd {margin-left:30px;}
.cel_3{
	background-color: #F5F5F5;
	color: #333333;
	border: 1px solid silver;
	width: 120px;
	height: 20px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
}

.cel_4{
	border: 1px solid silver;
	width: 460px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 5px;
}

/* ----------------------------------------------------------------------------------------------------------
2) Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */

.box5 {
	float: left;
	width: 323px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 3px;
	margin-top: 5px;
	border: 1px solid #999999;
	padding: 3px;
	font-size: 13px;
}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.relative {position:relative;}

.clear {clear:both;}

.f-left {float:left !important;} img.f-left {float:left; margin-right:5px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:5px;}
.f-right2 {
	float:right !important;
	padding-top: 50px;
} img.f-right {float:right; margin-left:5px;}
.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

.noscreen {display:none;}

.bigger {font-size:110%;}
.smaller {font-size:85%;}

li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#webcre1 {
	background:url(../images/webcre1.png) no-repeat;
	width:300px;
	height:168px;
	position:absolute;
	top:200px;
	left:-76px;
	text-indent:-5000px;
	z-index:50;
	margin-left: 80px
!important;
	margin-top: 83px;
}
#webcre2 {
	background:url(../images/webcre2.png) no-repeat;
	width:300px;
	height:297px;
	position:absolute;
	top:130px;
	left:311px;
	text-indent:-1500px;
	z-index:50;
	margin-left: 430px
!important;
	margin-top: 60px;
}
#webcre8 {
	background:url(../images/webcre3.png) no-repeat;
	width:230px;
	height:129px;
	position:absolute;
	top:130px;
	left:311px;
	text-indent:-1500px;
	z-index:50;
	margin-left: 880px
!important;
	margin-top: 1520px;
}
/*Hiding from IE5/mac-\*/
*html div#webcre1 {background:none;
filter:progid:DXimageTransform.microsoft.alphaimageloader(src='../images/webcre1.png',sizingmethod='scale');width:200px; height300px; top:0px; left-100px !important;}
/* end */        

#main {
	width:920px;
	background:url("../images/common/main.gif") 0 0 repeat-y;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 50px;
}

#main-in {
	width:900px;
	padding:0 10px;
	/*	background:url("../images/common/main-in.gif") 0 0 no-repeat;*/
	text-align:left;
	background-image: url(../images/common/main-in.gif);
	background-repeat: repeat;
}
    
#header {
	position:relative;
	padding:0;
	overflow:hidden;
	background-repeat: repeat;
	background-position: 0 0;
	color: #003333;
}
}    
#logo {margin:0; margin-bottom:10px; width:630px; font:normal 220%/1.4 "arial",sans-serif; letter-spacing:-1px;}
#logo span {font-weight:bold;}
#logo a {text-decoration:none;}
#logo a:hover {text-decoration:underline;}
         
#cols {clear:both;}
    
#content {
	float:right;
	width:670px;
	padding:5px;
	overflow:hidden;
}
contener{
	width:770px;
	
}    
#aside {
	float:right;
	width:229px;
	overflow:hidden;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 100px;
	padding-left: 0px;
}
                
                #aside .title {margin:0; padding:8px 10px 7px 27px; background:url("../images/common/aside-title.gif") 10px 15px no-repeat; font-size:100%; font-weight:bold;}
                    	            
        
    	#footer {
	clear:both;
	padding:10px;
	background-color: #FFFFFF;
	background-repeat: repeat;
	background-position: 0 0;
}
        #footer p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
5) Page: Home
---------------------------------------------------------------------------------------------------------- */

#colorbox-title {
	margin:0;
	padding:5px 10px 5px 27px;
	background:url("../images/common/colorbox-title.gif") 10px 15px no-repeat;
	font-size:100%;
}
.colorbox {padding:15px;}

.col50 {
	float:left;
	width:280px;
} 
.col400 {
	float:left;
	width:400px;
} 

.col_menu {
	float:left;
	width:180px;
	margin-top: 15px;
	margin-left: 5px;
	margin-bottom: 15px;
	margin-right: 5px;
} 
/*#w3c_xhtml
{
	margin-right:10px;
}
#w3c_xhtml img{
	vertical-align:bottom;
}*/
.td {
	padding: 2px;
	border: 1px solid #CCCCCC;
	text-align: center;
}
.td1 {
	background-color: #99CCFF;
	text-align: center;
	border: 1px solid #CCCCCC;
}
.footertxt {
	height: 50px;
	width: 400px;
	margin-left: 480px;
	padding-top: 30px;
}
.plodiver {
	background-image: url(../image/plodiver.jpg);
	background-repeat: no-repeat;
	padding-top: 80px;
	height: 245px;
	width: 669px;
}
.plodiver2 {
	background-image: url(../image/plodiver4.jpg);
	background-repeat: no-repeat;
	padding-top: 70px;
}
.style5 {
	color: #006699;
	font-weight: bold;
}
.linkbox {
	width: 330px;
	margin-right: 5px;
	float: left;
	margin-top: 10px;
}
.linkbox2 {
	height: 400px;
	width: 330px;
	margin-right: 5px;
}
.logo {
	margin-bottom: 10px;
	margin-left: 5px;
}
.toptxt {
	float: right;
	font-size: 12px;
	margin-right: 10px;
	color: #003333;
}
.titlemg5_10 {
	margin-bottom: 10px;
	margin-top: 20px;
}
.titlemg5 {
	margin-bottom: 10px;
}
.smtitle {
	margin-bottom: 5px;
	margin-top: 5px;
}
.servicebd {
	border: 2px solid #053B6A;
	padding-top: 5px;
	font-size: 13px;
	margin-bottom: 20px;
}
.staffbox2 {
	border: 2px solid #024969;
	padding: 5px;
	height: 100px;
}
.staff_in {
	font-size: 12px;
}
.staff_img {
	margin-top: 10px;
	float: left;
}
.staff_inner2 {
	font-size: 12px;
}
.staff_inner2 {
	font-size: 12px;
}
.staff_inner3 {
	font-size: 14px;
	font-weight: bold;
	color: #0099FF;
}