@charset "utf-8";
/* CSS Document */

*{
margin: 0px;
padding: 0px;
}

body{
color:#3b3b3b;
font-size: 12px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.4em;
}

img{
border:0;
outline:none;
vertical-align:bottom;
}

a:link{
color:#08225d;
}

a:visited{
color:#08225d;
}

a:hover{
color:#96b5cb;
}

.clearfix:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix{
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

p{
margin:0 10px 12px;
}

ul{
list-style-type:none;
}

dl{
width:580px;
margin:0 10px;
}

dt{
float:left;
width:90px;
}

dd{
float:left;
width:480px;
margin-bottom:10px;
}

.iepngfix{
behavior: expression(IEPNGFIX.fix(this));
}

table{
border:0;
}

th{
vertical-align:top;
}

td{
line-height:15px;
padding-left:10px;
text-align:left;
}

#submit{
margin:0 10px;
}

.float-r{
float:right;
}

.float-l{
float:left;
}

.font-w-nomal{
font-weight:normal;
}

.t-align-l{
text-align:left;
}

#pagetop{
margin:20px 10px;
text-align:right;
clear:both;
}

.cb{
clear:both;
}

.db{
display:block;
}

.ff0000{
color: #FF0000;
}

.dd4{
color: #548dd4;
}
/* --------------- txt --------------- */

.txt-type01{
color:#FF6600;
font-size:14px;
}

.txt-type02{
color:#c50404;
}

.txt-type03{
color:#ff0000;
}

.txt-type04{
font-size:14px;
font-weight:bold;
}


/* --------------- <h>group --------------- */
h1{
color:#FFFFFF;
font-size:12px;
font-weight:normal;
height:14px;
margin:0 auto;
overflow:hidden;
width:864px;
}

h2{
background:url("../img/logo.gif") no-repeat;
float:left;
font-size:0;
}

h2 a{
display:block;
height:81px;
width:288px;
text-indent:-9999px;
}

h3{
color:#08225D;
float:right;
font-size:13px;
text-align:right;
}

h5{
border-left:4px solid #08225d;
border-bottom:1px solid #08225d;
font-size:12px;
padding-left:10px;
color:#08225d;
margin:15px 10px;
}


h5 a{
text-decoration: none;
}

h6{
font-size:12px;
margin:0 0 15px;
padding:10px;
display:block;
width:550px;
background:#d6d5d5;
}

.w-box h6{
font-size:12px;
padding:8px 5px;
margin:0 0 10px;
background:none;
border-bottom:1px dotted #d6d5d5;
}

/* --------------- <padding>group --------------- */
.p0{
padding:0;
}

.p10{
padding:10px;
}


/* -------------------- <bgcolor>group ------------------ */
/* classとして作成する事                                  */
/* [bgc-]の後ろにカラーコードを入れる事                   */
/* 例：「.bgc-000000{ background-color:#000000; }」など   */
.bgc-d6d5d5{
background-color:#d6d5d5;
}

.bgc-ebf1f5{
background-color:#ebf1f5;
}

.bgc-f3f2f1{
background-color:#f3f2f1;
}

.bgc-F4F4F4{
background-color:#F4F4F4;
}

.bgc-fff88a{
background-color:#fff88a;
}

/* --------------- <color>group ------------- */
/* classとして作成する事                      */
/* [c-]の後ろにカラーコードを入れる事         */
/* 例：「.c-000000{ color:#000000; }」など    */
.c-ff0000{
color:#FF0000;
}
/* --------------- <wight>group --------------- */
/* classとして作成する事                        */
/* [w]の後ろに数字を入れる事                    */
/* 例：「.w100{ wight:100px; }」など            */

.w50{
width:50px;
}

.w134{
width:134px;
}

.w162{
width:162px;
}

.w261{
width:261px;
}

.w200{
width:200px;
}

.w420{
width:420px;
}

.w440{
width:440px;
}

.w570{
width:570px;
}

.w590{
width:590px;
}

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

/* --------------- button link group --------------- */
/* classとして作成する事                             */
/* 「どこ」の「何」のボタンなのか名前を明確にする事  */
/* 例：Footerの「TOPへ戻る」なら                     */
/* 「.footer_back_top{}」など                        */

.head-btn{}

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

/* --------------- header --------------- */
#header{
background:url(../img/bg_header.gif) repeat-x;
width:100%;
height:95px;
}

#header-box{
height:81px;
margin:0 auto;
width:864px;
}

/* --------------- navigation --------------- */
#navi{
background:url("../img/bg_menu.gif") repeat-x;
height:45px;
width:100%;
clear:both;
}

#navi-box{
width:864px;
margin:0 auto;
}

#navi-box li{
float:left;
}

#navi-box li a{
display:block;
outline:none;
text-indent:-9999px;
width:144px;
height:45px;
}

/* ---- mouse over --- */
.navi01 a{
background:url(../img/m01.gif);
}

.navi02 a{
background:url(../img/m02.gif);
}

.navi03 a{
background:url(../img/m03.gif);
}

.navi04 a{
background:url(../img/m04.gif);
}

.navi05 a{
background:url(../img/m05.gif);
}

.navi06 a{
background:url(../img/m06.gif);
}

.navi01 a:hover{
background:url(../img/m01ov.gif);
}

.navi02 a:hover{
background:url(../img/m02ov.gif);
}

.navi03 a:hover{
background:url(../img/m03ov.gif);
}

.navi04 a:hover{
background:url(../img/m04ov.gif);
}

.navi05 a:hover{
background:url(../img/m05ov.gif);
}

.navi06 a:hover{
background:url(../img/m06ov.gif);
}
/* ---- //mouse over --- */


/* ---- 該当ページ閲覧時のmouse over --- */
.navi01ov a{
background:url(../img/m01ov.gif);
}

.navi02ov a{
background:url(../img/m02ov.gif);
}

.navi03ov a{
background:url(../img/m03ov.gif);
}

.navi04ov a{
background:url(../img/m04ov.gif);
}

.navi05ov a{
background:url(../img/m05ov.gif);
}

.navi06ov a{
background:url(../img/m06ov.gif);
}

.navi01ov a:hover{
background:url(../img/m01ov.gif);
}

.navi02ov a:hover{
background:url(../img/m02ov.gif);
}

.navi03ov a:hover{
background:url(../img/m03ov.gif);
}

.navi04ov a:hover{
background:url(../img/m04ov.gif);
}

.navi05ov a:hover{
background:url(../img/m05ov.gif);
}

.navi06ov a:hover{
background:url(../img/m06ov.gif);
}
/* ---- 該当ページ閲覧時のmouse over --- */

/* --------------- footer --------------- */
#footer{
background:url("../img/bg_footer01.jpg") repeat-x;
height:204px;
width:100%;
clear:both;
}

#footer-box{
margin:0 auto;
text-align:center;
width:864px;
}

#footer-navi{
padding-bottom:10px;
padding-top:25px;
}

#footer-group{
background:url("../img/bg_footer02.gif") repeat scroll left top transparent;
color:#08225D;
margin:0 10px 10px;
padding:10px;
text-align:center;
width:824px;
}

#copyright{}

/* --------------- main-image(FLASH) --------------- */
#main-image{
background:url("../img/bg_mainimg.jpg") repeat-x;
border-bottom:5px solid #014099;
margin-bottom:10px;
width:100%;
}

#main-image-box{
width:864px;
margin:0 auto;
}

/* --------------- main --------------- */
#main{
margin:0 auto 20px;
width:864px;
}

#main h1{
	font-size: 16px;
	line-height: 60px;
	font-weight: bold;
	color: #08225d;
	text-align: center;
	height: 60px;
	width: auto;
}

.title-bar{
width:590px;
height:26px;
margin-bottom:15px;
.consulting-box{
margin:10px 10px 15px;
}

.consulting-box02{
margin:10px 10px 15px;
padding:12px;
background:#f3f2f1;
}

p.p-vc{
text-indent:-1em;
margin-left:1em;
}


/* --------------- recruit --------------- */

#recruit-box{
margin:10px 10px 200px;
padding-top:40px;
}



/* --------------- price --------------- */
.p-box{
width:570px;
margin:0 auto;
}

.p-box table{
width:570px;
border:0;
}

.p-box th{
padding:10px;
}

.p-box td{
line-height:none;
padding:10px;
text-align:left;
}


/* --------------- work --------------- */
.w-box{
width:570px;
margin:0 auto;
}

}

/* --- left column --- */
#left{
width:590px;
float:left;
}

.mail-thank{
padding-left:70px;
padding-top:30px;
}

#topic-path{
padding:5px;
background:url(../img/bg_footer02.gif) top left repeat;
margin-bottom:5px;
font-size:10px;
font-weight:bold;
}
/* --- //left column --- */


/* --- right column --- */
#right{
width:259px;
float:right;
}

#right img{
margin-bottom:5px;
}

#jo-ex{
background-color:#f3f2f0;
padding:10px;
}



/* --- //right column --- */


/* --------------- contact --------------- */
.con{
margin:10px 10px 15px;
}

/* --------------- service --------------- */

.ser-box{
margin:10px;
background:#f3f2f1;
padding-bottom:20px;
}

.txt-ser{
margin:20px 10px;
margin-bottom:0;
}

/* --------------- about --------------- */
#about-box{
width:570px;
margin:0 auto;
}

#about-box table{
width:570px;
border:1px solid #CCCCCC;
}

#about-box th{
vertical-align:middle;
width:130px;
background-color:#F4F4F4;
padding:10px;
}

#about-box td{
padding:10px;
text-align:left;
width:390px;
line-height:none;
}


/* --------------- visa_consulting --------------- */

.w-box table{
width:268px;
border:0;
}

.w-box table.w570{
width:570px;
border:0;
}

.w-box th{
padding:10px;
}

.w-box td{
line-height:none;
padding:10px;
text-align:right;
}

.w-box td.ta-c{
line-height:none;
padding:10px;
text-align:center;
}

/* --------------- privacy --------------- */

.pri dt{
width:100%;
color:#08225d;
margin-bottom:12px;
font-weight:bold;
}

.pri dd{
width:97%;
margin:0 12px 20px;
}

.pri ul{
margin:15px;
}

.pri p{
margin:0;
margin-bottom:12px;
}

/* --------------- news --------------- */
.news{width:570px;float: left;padding-left: 10px;}

.news dt{
width:568px;
color:#08225d;
margin-bottom:12px;
font-weight:bold;
}

.news dd{
width:540px;
margin:0 12px 20px;
}

.news ul{
margin:15px;
}

.news p{
margin:0;
margin-bottom:12px;
}

/* --------------- voice --------------- */

#box-voice01{
padding:10px;
background:#f4f4f4;
margin:10px;
margin-bottom:20px;
}

#box-voice02{
padding:10px;
background:#f4f4f4;
margin:10px;
margin-bottom:20px;
}

#box-voice01 img{
float:right;
margin-left:10px;
margin-bottom:10px;
}

.voice-q{
border-left:4px solid #08225D;
background-color:#f4f4f4;
padding:2px 9px;
color:#08225D;
font-weight:bold;
margin-bottom:12px;
}

.voice-map{
width:240px;
height:200px;
float:right;
}

.voice-pic{
clear:both;
background:url(../img/bg_footer02.gif) top left repeat;
padding:5px;
}


#box-voice03{
padding:10px;
background:#f4f4f4;
margin:10px;
margin-bottom:20px;
}

.box-voice03-box{
	height: 150px;
	width: 260px;
	float: left;
	margin-left: 10px;
}

.box-voice03-box img{
float:left;
margin-right:10px;
margin-bottom:10px;
}
/* --------------- qa --------------- */

#q{
background-image:url(../img/qa_q.gif);
background-repeat:no-repeat;
padding:10px 10px 10px 45px;
margin:10px;
margin-bottom:0px;
}


#a{
background-image:url(../img/qa_a.gif);
background-repeat:no-repeat;
padding:10px 10px 10px 70px;
margin:10px;
margin-bottom:20px;
}



/* --------------- <margin>group --------------- */

.p10{
padding:10px;
}

.m0{
margin:0;
}

.mb0{
margin-bottom:0;
}

.mb10{
margin-bottom:10px;
}

.mb15{
margin-bottom:15px;
}

.mb30{
margin-bottom:30px;
}

.mrl10mb25{
margin:0 10px 25px;
}

.ml10{
margin-left:10px;
}

.ta-c{
text-align:center;
}

.ta-r{
text-align:right;
}

.seo a{
	color:#FFFFFF;
	text-decoration: none;
}

.seo a:hover{
	color:#FFFFFF;
	text-decoration: underline;
}