@charset "utf-8";

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

Style Name: style.css
Since:      2008-09-26
Modified:   2008-09-26
Version:    1.1
Auther:     Yui Hase

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

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

 *  1.browser style clear

 *  2.wireframe

 *  3.common

 *  4.main page

 *  5.individual pages

 *  6.search page 

 *  7.form

 *  8.component collection

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

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

1.browser style clear

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

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset {
	border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: normal;
}
strong {
	font-weight: bold;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
ul,li,dl,dt,dd {
	list-style:none;
}
img {
	vertical-align: top;
	border: none;
}
a img {
	border: none;
}
q:before,
q:after {
	content: '';
}
abbr,
acronym {
	border: 0;
}

a {
	text-decoration: underline;
}
a:link {
	color: #0033cc;
}
a:visited {
	color: #0033cc;
}
a:hover {
	color: #0033cc;
	text-decoration: none;
}
a:active {
	color: #0033cc;
}

body {
	background: url(../img/header_bg.jpg) repeat-x;
	font-family: Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	color: #333333;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.4;
}

p {
	margin: 0 0 5px 0;
}

.font1{
 font-size: 10px;
 margin: 5px;}


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

2.wireframe

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

div#container {
position:relative;
width: 1024px;
margin: 0 auto;
}

div#header{
width: 1024px;
height: 60px;
margin: 0 auto;
position:relative;
background: url(../img/header_bg.jpg) repeat-x;}

.rogo{
float: left;}

.headtit{
float: right;
width: 500px;}



div#h-r{
width:1024px;
height:60px;
margin:0 auto;
position:relative;
background:url(../img/header_bg.jpg) repeat-x;}

.h01{
float: right;
width: 500px;}

.r-1{
float: left;}

.h02{
text-align: left;
padding: 8px 2px 0 0;}

.tel2{
text-align: right;
display:block;
margin: 30px 2px 0 240px;}

*.tel2{
text-align: right;
display:block;
margin: 30px 2px 0 340px;}



.headtit2{
padding:8px 2px 0px 0px;}

.header1{
width: 500px;}

.headtit2{
text-align: left;
padding: 8px 2px 0px 0px;}

.t-map{
float: right;
padding:0 3px 3px 10px;
background:transparent url(../img/top_icon.jpg) no-repeat scroll 0 0.34em;}

.tit001{
float: left;}

.tel{
text-align: right;
display:block;
margin: 30px 2px 0 240px;}

*.tel{
text-align: right;
display:block;
margin: 30px 2px 0 340px;}

.topimage{
margin:0 0 0 0;
}

.topimage2{
margin:0 0 0 0;
}

div#bana01{
margin: 13px 0 0 0;
width: 728px;
height: 130px;
padding: 5px 5px 10px 5px;
position:relative;
background-color: #E8E8E8;}

.t-box01{
margin: 3px 0 5px 5px;}

.t-box02{
margin: 3px 0 5px 5px;}

.dr-b{
float: left;
width: 350px;
margin: 6px 0 5px 0;
}

.dra-b{
float: left;
width: 350px;
margin: 0 0 0 0;}

.ph-b{
float: left;
width: 350px;
margin: 6px 0 5px 8px;}

.nr-b{
float: left;
width: 350px;
margin: 0 0 0 8px;}

div#maincontents{
margin: 0 0 0 8px;}

.spa{
margin: 20px 0 0 5px;
width: 713px;
background: url(../img/koushin_bg.jpg) repeat-x;
border: 3px solid #A2D0EC;}

.melmaga{
color:#666;
font-weight:normal;}

.melmaga-tit{
margin:0 0 4px 0;}

.melmaga-line{
padding: 2px;
width: 210px;
border-bottom: 1px solid #666;
margin: 0 0 10px 0;}

.logbox {
height:100px;
margin:0 0 30px 15px;
overflow:auto;
padding:5px;
width:713px;
}

.logbox q{color: #008000;}

.logbox-news{
width: 710px;
overflow: auto;
margin: 0 0 50px 5px;
background-color: #FFF;
}


.t-box3{
float: left;}

.t-box4{
float: left;
margin: 0 0 0 8px;}

.t-box5{
margin: 10px 0 0 0;
width: 728px;}

.rank-no{
float: left;
margin: 0 5px 0 0;}

*.rank-no{
float: left;
margin: 2px 5px 0 0;}

.rank-txt{
margin: 5px;
font-size: 11px;
font-weight: normal; 
line-height:1.2;}

.rank-txt a{
color: #000;
line-height:1.2;
text-decoration:none;}

.rank-bor{
border-bottom: 1px dotted #666;}

.rank-bor2{
margin: 2px 0 3px 0;}

.rank-line{
padding: 2px;
width: 200px;
border-bottom: 2px solid #0033CC;
margin: 10px 0 10px 0;
color: #0033CC;
font-weight: bold;
font-size: 14px;}

.rank-line2{
padding: 2px;
width: 200px;
border-bottom: 2px solid #339966;
margin: 10px 0 10px 0;
color: #339966;
font-weight: bold;
font-size: 14px;}

.rank-line3{
padding: 2px;
width: 200px;
border-bottom: 2px solid #FF6699;
margin: 10px 0 10px 0;
color: #FF6699;
font-weight: bold;
font-size: 14px;}

.consult-line{
padding: 2px;
width: 685px;
height:205px;
border: 6px solid #CCC;
margin: 30px 0 30px 5px;
background:url(../img/t_su.jpg) no-repeat;}

.consult-tit{
margin: 25px 0 0 100px;
font-weight: bold;
color: #1F79D2;}

.consult-tit2{
padding: 0 0 0 10px;
font-size: 18px;
font-weight: bold;}

.consult-txt{
padding: 20px 0 0 20px;
width: 442px;
height: 128px;
line-height:1.3;}

.mobile-bg{
width: 240px;
background-color: #E0E0E0;
margin: 10px 0 10px 0;}


div#h-navi{
width:1024px;
margin:0 auto;
position:relative;}

ul.headernavi{
height:49px;}

ul.headernavi li{
float: left;
text-align: right;}

ul.headernavi2{
position:relative;
text-align:right;
height:15px;
margin:2px 0 5px 0;}

ul.headernavi2 li{
display:inline;
font-size: 0.8em;
padding:3px;
margin-top:2px}

ul.headernavi2 li a{
background:transparent url(../img/top_icon.jpg) no-repeat scroll 0 0.34em;
padding:3px 3px 3px 10px;}

.navi{
background-color: #E8E8E8;
font-size: 1em;
padding: 10px;}

.navi-min{
background-color:#E8E8E8;
font-size:1em;
height:20px;
margin:0 0 20px;
padding:10px;
width:730px;}

.navi-box{
display: inline;
width: 220px;}

.navi-l{
float: left;
margin: 0 3px 0 0;
font-weight: bold;}

.navi-r{
float: left;}

.navi3{
position:relative;
height:15px;
margin:2px 0 5px 270px;}

.navi3 li{
border-right: 1px solid #666666;
display:inline;
padding:3px;
margin-top:2px}

.navi3 li a{
padding:3px 3px 6px 3px;}

.navi-in{
display:inline;
font-size: 1.2em;
padding:3px;
margin-top:2px}

.t-01 {
background:transparent url(../img2/top_box1.jpg) no-repeat scroll 0 0;
margin:0 20px 0 20px;
padding:5px;
width:695px;
}

.t-01in{
width: 407px;
margin: 60px 120px 10px 20px;}

.t-02 {
background:transparent url(../img2/top_box2.jpg) no-repeat scroll 0 0;
margin: 0 20px 0 20px;
padding:5px;
width:695px;}

.t-02in{
width: 550px;
margin: 90px 120px 0 20px;}

.t-03 {
background:transparent url(../img2/top_box3.jpg) no-repeat scroll 0 0;
margin:0 20px 0 20px;
padding:5px;
width:695px;
}

.t-03in{
width: 450px;
margin: 50px 120px 20px 20px;}

.t-04 {
background:transparent url(../img2/top_box4.jpg) no-repeat scroll 0 0;
margin:0 20px 0 20px;
padding:5px;
width:695px;}

.t-04in{
width: 500px;
margin: 60px 120px 20px 20px;}

.min-01 {
background:transparent url(../1min/img/1min_01.jpg) no-repeat scroll 0 0;

padding:5px;
width:695px;
height: 251px;}

.min-01in{
width: 500px;
margin: 150px 120px 10px 20px;}

.min-02 {
background:transparent url(../1min/img/1min_02.jpg) no-repeat scroll 0 0;
padding:5px;
width:695px;
height: 300px;}

.min-02in{
width: 300px;
margin: 100px 120px 10px 20px;}

.min-03 {
background:transparent url(../1min/img/1min_03.jpg) no-repeat scroll 0 0;

padding:5px;
width:695px;}

.min-03in{
width: 600px;
margin: 90px 120px 10px 20px;}

.min-04 {
background:transparent url(../1min/img/1min_04.jpg) no-repeat scroll 0 0;
padding:5px;
width:695px;}

.min-04in{
width: 350px;
margin: 90px 120px 10px 20px;}

.minph-01 {
background:transparent url(../ph/1min/img/1minph_01.jpg) no-repeat scroll 0 0;
margin:0 20px 10px 0;
padding:5px;
width:721px;
height: 250px;}

.minph-01in{
width: 560px;
margin: 150px 120px 10px 20px;}

.minph-02 {
background:transparent url(../ph/1min/img/1minph_02.jpg) no-repeat scroll 0 0;
margin:0 20px 10px 0;
padding:5px;
width:721px;
height: 320px;
}

.minph-02in{
width: 300px;
margin: 100px 120px 10px 20px;}

.minph-03 {
background:transparent url(../ph/1min/img/1minph_03.jpg) no-repeat scroll 0 0;
margin:0 20px 10px 0;
padding:5px;
width:721px;
height: 300px;}

.minph-03in{
width: 400px;
margin: 90px 120px 10px 20px;}

.t-side{
padding: 3px;
background-color: #E8E8E8;}

.bana{
margin: 0 0 5px 0}

.main-omoushikomi{
margin: 0 0 20px 0;}







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



div#main-left{
float: left;
margin: 16px 0 0 3px;}

div#main-left22{
float: left;
margin: 16px 0 0 3px;}


div#main-left h2{
margin: 0;}

div#main-left2{
float: left;
width: 728px;
margin: 20px;}

div#main-left2 ul{
font-size: 1.2em;
padding:5px;
line-height:1.8;
margin-top:2px;}

div#main-right{
float: right;
width: 244px;
margin: 15px 3px 0 0;
padding: 0 0 0 10px;
}

p.main-text{
width: 245px;}

.box{
width: 218px;
padding: 10px;
margin-bottom: 10px;
text-align: center;
border: 1px solid #ccc;}

.box-rank{
width: 218px;
padding: 10px;
margin-bottom: 10px;
text-align: center;
background-color: #E8E8E8;}

.rank-tit{
text-align: center;
padding: 0 3px 0 0;}

.rankin{
width: 208px;
padding: 5px;
text-align: center;
background-color: #FFF;}

.box2{
width: 210px;
padding: 10px;
margin-bottom: 10px;
text-align: center;
border: 1px solid #ccc;
text-decoration: none;
line-height: 2;}

.spa1{
padding: 10px 0 0 0;}

.text2{
width: 130px;
margin: 5px;
float: left;}

.text3{
width: 245px;
margin: 5px;}

div#footer{
clear: both;
text-align: left;
padding: 20px;
border-top: 1px solid #ccc;}

div.footer-navi {
clear:both;
margin:0 auto;
position:relative;
width:1024px;
}

ul.footernavi li {
border-left:1px solid #B4CDD7;
display:inline;
font-size:0.8em;
margin-top:3px;
padding:0 0.5em 0 0.6em;
}

li.footernavi2 {
border-right:1px solid #B4CDD7;
padding-right:3px;
}

*.logbox2{
width: 682px;
height: 650px;
overflow: auto;}

.typejob a{
padding: 0 3px 3px 20px;
text-decoration:none;
background:transparent url(../img/top_icon3.gif) no-repeat scroll 0 0.34em;}

.logboxleft{
padding: 0 3px 3px 20px;}

.cf-box{
width: 728px;
margin: 20px 0 30px 0;}

.job-box{
float: left;
width: 480px;
margin: 30px 0 0 0;
line-height: 1.8;
border: 1px solid #0185DD;}

.job-tit{
width: 460px;
margin: 4px 0 0 10px;
border-bottom: 1px solid #0185DD;}

.job-01{
float: left;
margin-top: 10px;
margin-left: 12px;}

.job-01 a{
color: #000;}

.job-02{
float: left;
margin: 10px 0 10px 14px;}

.job-02 a{
color: #000;}

.job-03{
float: left;
margin-top: 10px;
margin-left: 14px;}

.job-03 a{
color: #000;}

.offer-box{
float: left;
height: 218px;
margin: 30px 0 0 8px;
border: 1px solid #0185DD;}

.offer-tit{
width: 225px;
margin: 4px 5px 0 5px;
border-bottom: 1px solid #0185DD;}

.offer-01{
float: left;
margin-top: 10px;
margin-left: 65px;
line-height: 1.8;}

.offer-01 a{
color: #000;}

*.offer-01{
float: left;
height: 130px;
line-height: 1.8;
margin-top: 10px;
margin-left: 45px;}

.mainfooter-menu{
text-align: center;
width: 728px;
font-size: 12px;
line-height: 1.4;
margin: 10px;}

.mainfooter-menu ul li{
border-left: 1px solid #666;
padding: 0 5px 0 8px;
display: inline;}

.mainfooter-menu ul li a{
color: #666;}

ul.main-footer2{
margin: 5px 0 0 0;}

.mainfooter-menu3{
border-right: 1px solid #666;
border-left: 1px solid #666;
padding: 0 5px 0 8px;
display: inline;}


.kai-01{
float: left;
width: 74px;
margin: 8px 5px 0 0;}

.kai-02{
line-height: 1.3;
margin: 8px 0 0 0;}

.news{
margin: 0 0 0 5px;}

.news-line{
border-bottom: 1px solid #666;
width: 685px;}

/* ================================================================================ */
/*      tsuika                                                                   */  
/* ================================================================================ */

.navi8{
background-color: #E8E8E8;
font-size: 1em;
padding: 5px;
}

.navi7{
position:relative;
}

.navi7 li{
display:inline;
}

.b-01{
margin: 15px 0 0 0;
width: 730px;}

.b-02{
float: left;
width: 238px;}

.b-sp{
margin: 10px 0 0 0;}

.b-03{
float: right;
background:transparent url(../img/top_kyubo.jpg) no-repeat scroll 0 0.34em;
width: 474px;
height: 247px; 
}

.b-011{
margin: 90px 0 0 130px;
font-weight: bold;
line-height: 1.7;}

.b-012{
margin: 70px 0 0 130px;
font-weight: bold;
line-height: 1.7;}

.b-011 a {
color:#666666;}

.b-012 a {
color:#666666;}

ul.intro2{
width: 180px;
margin: 8px 5px 8px 20px;}

ul.intro2 li{
text-align: left;}

ul.intro2 li a{
background:transparent url(../img/top_icon.jpg) no-repeat scroll 0 0.34em;
padding:3px 3px 3px 13px;
color: #666;
text-decoration: none;
line-height: 2;
font-weight:normal;}

.consult{
border-top: 1px dotted #ccc;
color: #666;
padding: 2px;
width: 685px;
margin: 30px 0 30px 5px;}


/* ================================================================================ */
/*      1.top_new/kyubo                                                                   */  
/* ================================================================================ */

.new{
color:#000;
line-height:1.8;}

.new01{
margin-left: 40px;
color: #666;
line-height:1.4;}

.new01 a{
font-weight: normal; 
color: #666;
line-height:1.5;}

.new02{
font-size: 9px;}

.new01 p{
padding: 0 1px 1px 10px;
text-decoration:none;
background:transparent url(../img/top_icon2.jpg) no-repeat scroll 0 0.34em;
}

.new011{
margin-left: 5px;
color: #666;
line-height:1.4;}

.new011 a{
color: #1F79D2;
}

.job{
border: 1px solid #666;
width: 600px;
margin: 10px 0 30px 30px;}

.job1{
background: url(../img/table_bg.gif) ;
font-weight: bold;
font-size: 14px;
color: #666;
padding: 5px;
border: 1px solid #666;
text-decoration:none;}

.job1 a{
font-weight: bold;
color: #666;
text-decoration:none;}

.job2{
font-weight: normal;
color: #666;
padding: 10px;
text-decoration:none;}

.job2 a{
font-weight: normal;
color: #666;
text-decoration:none;}

.typejob{
color: #666;
border: none;
line-height:1.5;
font-weight: bold;
margin: 1px 0 30px 200px;
padding: 0 0 10px 0;
border-bottom: 1px solid #ccc; }

.typejob p{
padding: 0 3px 3px 20px;
text-decoration:none;}

.typejob a{
color: #666;
border: none;
line-height:1.5;
text-decoration:none;
padding: 0 3px 3px 20px;
text-decoration:none;
margin: 1px 0 10px 0; }

.tit-blog{
color: #666;
background-color: #CCFFFF;
font-size: 14px;
font-weight: bold;
border: none;
line-height:1.5;
text-decoration:none;
margin: 1px 0 10px 0; }

.site{
margin: 0 0 30px 30px;
font-size: 0.95em;
color: #666;
line-height: 1.5;}

.site li{
padding: 0 3px 3px 20px;
text-decoration:none;
background:transparent url(../img/top_icon2.jpg) no-repeat scroll 0 0.34em;}

.webpage01{
float: left;
width:  400px;
margin: 15px 0 0 3px;}

.webpage02{
float: left;
width:  400px;
margin: 15px 3px 0 3px;
padding: 0 0 0 15px;}

.f01{
color: #666;
font-weight: bold;
padding: 0 3px 3px 6px;
border: none;
line-height:1.5;
border-bottom: 1px solid #ccc;
border-left: 5px solid #ccc;
text-decoration:none;}

div.type04{
color: #000;
font-size: 1.1em;
line-height:1.5; }

div.type04 a{
color: #0099CC; }

div.type04 h1 {
background:transparent url(http://www.career-force.co.jp/img/header02_bg.jpg) no-repeat scroll 0 0;
font-size:18px;
font-weight:bold;
height:38px;
margin:15px 0;
padding:8px 0 0 15px;
width:728px;}

div.type04 h2,h3,h4 {
font-size:16px;
font-weight:bold;}

.comtd {
font-size:14px;
line-height:1.5;
margin:15px 0;
padding:8px;}

.comtd td{
padding:8px;}

div.typept{
color: #000;
font-size: 0.85em;
line-height:1.6; }

div.typept a{
color: #0099CC;
line-height:1.4; }

.pt{
border: 1px solid #ccc;
padding: 2px;}

.pt tr{
border: 1px solid #ccc;
padding: 2px;}

.pt td{
border: 1px solid #ccc;
padding: 2px;}

table#noline{
border: 1px solid #fff;
border-collapse: collapse;
margin: 6px;
border-spacing: 0;}

table#noline td{
border: 1px solid #fff;
border-collapse: collapse;
margin: 6px;
border-spacing: 0;}

table#noline td tr{
border: 1px solid #fff;
border-collapse: collapse;
margin: 6px;
border-spacing: 0;}

div.typedra{
color: #000;
font-size: 0.87em;
line-height:1.8; }

div.typedra a{
color: #0099CC;
line-height:1.8;
text-decoration: none; }

.dra{
border: 1px solid #ccc;
padding: 5px;}

.dra tr{
border: 1px solid #ccc;
padding: 3px;}

.dra td{
border: 1px solid #ccc;
padding: 3px;}

.t-quick{
border: 1px solid #666;
padding: 5px;
margin: 5px;
background-color: #F7F7F7;
width: 695px;}

.quick-line {
border-bottom:1px solid #267CB2;
}

.q-sp{
padding: 2px 8px 10px 8px ;}

.ss{
margin: 10px;}

ul.s {
margin:2px 0 5px;
position:relative;
}

.sss{
padding-bottom: 15px;
border-bottom:1px solid #ccc;}

ul.s li {
display:inline;
font-size:12px;
margin-top:2px;}

ul.s li a{
color: #666;
padding: 0 5px 0 3px;}

ul.s-dr {
margin:2px 0 5px;
position:relative;}

ul.s-dr li {
display:inline;
line-height: 1.4;
font-size:14px;
margin-top:2px;
padding:3px;}

ul.s-dr li a{
color: #000;}

.other-s{
font-size:12px;}

.other-s a{
color: #666;
font-size:12px;}

.s-b{
font-weight: bold;}

.box22 {
background:#E0E0E0 none repeat scroll 0 0;
overflow:hidden;
position:relative;
width:100%;
}

.box22-in {
background-color:#F8F8F8;
border:1px solid #DDDDDD;
margin:15px;
padding:5px;
text-align:center;
}

ul.intro{
width: 180px;
margin: 8px 5px 8px 5px;}

ul.intro li{
text-align: left;}

ul.intro li a{
background:transparent url(../img/top_icon.jpg) no-repeat scroll 0 0.34em;
padding:3px 3px 3px 10px;
color: #666;
text-decoration: none;
line-height: 2;
font-weight:normal;}


.shien{
color: #666;
background: #CCFFFF;
font-size: 12px;
border: none;
line-height:1.5;
text-decoration:none;
margin: 3px; 
}


.intro-box{
width: 650px;
height: 35px;
border-bottom: 1px solid #666;
margin: 0 0 20px 0;}

.intro-tit{
margin: 5px;}

.intro-text{
margin: 10px 0 50px 20px;
font-size: 14px;
line-height: 1.8;}

.intro-next{
float: right;
margin: 20px 0 20px 0;}

.intro-text2{
margin: 10px 0 50px 10px;
font-size: 14px;
line-height: 1.5;}

.intro-box2{
margin: 15px 0 30px 0;}

.box23 {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #003300;
margin: 3px 20px 20px 20px;
padding:10px;
position:relative;
}

.box-tit{
text-align: center;
margin: 5px 5px 0 5px;}

.widget-content {
background-color:#F8F8F8;
border:1px solid #003300;
margin:15px;
padding: 5px;
text-align: center;}

.toptitle {
margin-bottom:10px;
margin-top:10px;
}

.toplist {
border:1px solid #CCCCCC;
margin:0 0 30px;
padding:1px;
}

.intro-tit3{
border-bottom: 1px dotted #ccc;
margin: 5px 3px 3px 10px;}

.intoro-tit2{
padding: 3px 3px 3px 10px;
border-bottom: 1px solid #ccc;
border-left: 5px solid #CCC;
}

.intro-tit{
width: 650px;
margin: 3px 3px 3px 10px;
font-weight: bold;}

.intro-d{
margin: 5px 5px 15px 20px;}

.intro-box3{
width: 620px;
margin: 15px 0 60px 0;
padding:10px;
border: 1px solid #0066FF;}

.intro-box4{
float:left;
width: 270px;
margin: 0 0 60px 0;
padding:5px;
border: 1px solid #0066FF;}

.intro-box5{
float: right;
width: 270px;
margin: 0 0 60px 0;
padding:5px;
border: 1px solid #0066FF;}

.intro-box6{
float: right;
width: 600px;
margin: 5px 0 70px 0;
padding:10px;
border: 1px solid #FF9966;}

.intro-d1{
text-align: center;
font-weight: bold;}

.intro-bg{
background: #E7E7E7;}

.b-tit{
font-size:12px;}

.navi4{
display: inline;
width: 730px;
margin: 20px 0 0 0;
clear: both;}

.navi4-l{
float: left;
display: inline;
margin: 0 3px 20px 0;}

.navi4-r{
width: 401px;
margin: 0 0 0 10px;
float: left;}

.navi5{
width: 401px;
margin: 20px 0 0 0;}

.navi5-l{
float: left;
margin: 0 3px 0 0;
width: 300px;}

.navi5-r{
float: left;
margin: 5px;}

.t-01{
background:transparent url(../img2/top_box1dr.jpg) no-repeat scroll 0 0;
margin:0 20px 0 0;
padding:5px;
width:720px;
clear: both;
}

.t-01in{
width: 460px;
margin: 60px 120px 30px 30px;}

.t-02{
background:transparent url(../img2/top_box2dr.jpg) no-repeat scroll 0 0;
margin: 0 20px 0 0;
padding:5px;
width:720px;
}

.t-02in{
width: 550px;
margin: 90px 120px 20px 30px;}