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

*{
	margin:0px;
	padding:0px;
	color:#444444;
	font-size:12px;
	line-height:1.6em;
	font-family:Verdana,Arial,Helvetica,sans-serif,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

a{
	text-decoration:underline;
}

a:hover{
	color:#0066FF;
	text-decoration:none;
}

html{
	background:#c2cccc;
}

body{
	margin:0;
	padding:0;
	background:#f2ffff;
}

img{
	margin:0;
}

a img{
	border:none;
}

#wrap{
	width:830px;
	margin:0 auto 0 auto;
}

.clear{
	clear:both;
}

#header{
	height:380px;
	background:url(../images/header_bg.jpg) repeat-x;
	margin:0 auto 0 auto;
}

#header_inner{
	width:830px;
	margin:0 auto 0 auto;
	padding:15px 0 0 0;
}

#header_bar{
	background:#aac5cf 0 0;
	height:6px;
	margin:0 0 15px 0;
	padding:0;
}

#header_inner h1{
	background:url(../images/logo.jpg) no-repeat;
	overflow:hidden;
	float:left;
}

#header h1 a{
	display:block;
	text-indent:-9999px;
	width:210px;
	height:35px;
}

#sub_logo{
	background:url(../images/sub_logo.jpg) no-repeat;
	width:190px;
	height:40px;
	overflow:hidden;
	float:right;
}

#sub_logo a{
	display:block;
	text-indent:-9999px;
	width:190px;
	height:40px;
}

#navi{
	margin:15px 0 0 0;
	padding:0;
}

#navi ul{
	margin:0;
	padding:0;
	list-style:none;
	width:840px;
}

#navi li{
	margin:0 35px 0 0;
	padding:0;
	float:left;
	overflow:hidden;
	height:13px;
}

#navi ul li a{
	display:block;
	text-indent:-9999px;
	height:13px;
}

#navi #button01 a{
	background:url(../images/navi.jpg) no-repeat 0 0;
	width:78px;
}
#navi #button01 a:hover{
	background:url(../images/navi.jpg) no-repeat 0 -13px;
	width:78px;
}

#navi #button02 a{
	background:url(../images/navi.jpg) no-repeat -120px 0;
	width:105px;
}
#navi #button02 a:hover{
	background:url(../images/navi.jpg) no-repeat -120px -13px;
	width:105px;
}

#navi #button03 a{
	background:url(../images/navi.jpg) no-repeat -265px 0;
	width:57px;
}
#navi #button03 a:hover{
	background:url(../images/navi.jpg) no-repeat -265px -13px;
	width:57px;
}

#navi #button04 a{
	background:url(../images/navi.jpg) no-repeat -367px 0;
	width:133px;
}
#navi #button04 a:hover{
	background:url(../images/navi.jpg) no-repeat -367px -13px;
	width:133px;
}

#navi #button05 a{
	background:url(../images/navi.jpg) no-repeat -542px 0;
	width:57px;
}
#navi #button05 a:hover{
	background:url(../images/navi.jpg) no-repeat -542px -13px;
	width:57px;
}


#navi #button06 a{
	background:url(../images/navi.jpg) no-repeat -644px 0;
	width:83px;
}
#navi #button06 a:hover{
	background:url(../images/navi.jpg) no-repeat -644px -13px;
	width:83px;
}

#navi #button07 a{
	background:url(../images/navi.jpg) no-repeat -765px 0;
	width:76px;
}
#navi #button07 a:hover{
	background:url(../images/navi.jpg) no-repeat -765px -13px;
	width:76px;
}


#top_img{
	background:url(../images/top_img.jpg) no-repeat;
	height:270px;
	width:830px;
	margin:41px 0 0 0;
}

#contents{
	width:830px;
	margin:30px auto 0 auto;
}

.box{
	width:200px;
	height:200px;
	background:#fbffff;
	margin:10px 0 0 0;
}

#top_recommend{
	float:left;
	width:200px;
}

#top_recommend .head{
	background:url(../images/recomend.jpg) no-repeat;
	width:200px;
	height:37px;
	overflow:hidden;
}

#top_recommend .head a{
	display:block;
	text-indent:-9999px;
	width:200px;
	height:37px;
}

#pro{
	float:left;
	width:200px;
	margin:0 0 0 10px;
}

#pro .head{
	background:url(../images/pro.jpg) no-repeat;
	width:200px;
	height:37px;
	overflow:hidden;
}

#pro .head a{
	display:block;
	text-indent:-9999px;
	width:200px;
	height:37px;
}

#top_brand{
	float:left;
	width:200px;
	margin:0 0 0 10px;
}

#top_brand .head{
	background:url(../images/brand.jpg) no-repeat;
	width:200px;
	height:37px;
	overflow:hidden;
}

#top_brand .head a{
	display:block;
	text-indent:-9999px;
	width:200px;
	height:37px;
}

#top_topics{
	float:left;
	width:200px;
	margin:0 0 0 10px;
}

#top_topics .head{
	background:url(../images/title_topics.jpg) no-repeat;
	width:200px;
	height:37px;
	overflow:hidden;
}

#top_topics .head a{
	display:block;
	text-indent:-9999px;
	width:200px;
	height:37px;
}

#top_link{
	float:left;
	width:200px;
	margin:0 0 0 10px;
}

#top_link .head{
	background:url(../images/title_link.jpg) no-repeat;
	width:200px;
	height:37px;
	overflow:hidden;
}

#top_link .head a{
	display:block;
	text-indent:-9999px;
	width:200px;
	height:37px;
}

#mid_left{
	float:left;
	width:250px;
	margin:15px 0 0 0;
}

#banner_shop{
	background:url(../images/banner_shop.jpg) no-repeat;
	overflow:hidden;
	width:230px;
	height:70px;
	margin:0 0 10px 0;
}

#banner_shop a{
	display:block;
	text-indent:-9999px;
	width:230px;
	height:70px;
}

#banner_contact{
	background:url(../images/banner_contact.jpg) no-repeat;
	overflow:hidden;
	width:230px;
	height:40px;
}

#banner_contact a{
	display:block;
	text-indent:-9999px;
	width:230px;
	height:40px;
}

#news{
	background:url(../images/topics.jpg) no-repeat;
	width:580px;
	height:153px;
	padding:20px 0 0 0;
	margin:15px 0 0 0;
	float:right;
}

#news_inner{
	width:550px;
	height:121px;
	padding:10px 15px 0 15px;
	margin:0;
	overflow:auto;
}

#news ul{
	list-style:none;
}

#news li{
	margin:0 0 6px 0;
}

#footer{
	background:#c2cccc;
	font-size:10px;
	color:#FFFFFF;
	margin:50px 0 30px 0;
}

#footer_inner{
	width:830px;
	margin:0 auto 0 auto;
	padding:10px 0 0 0;
	color:#FFFFFF;
}

#footer_logo{
	background:url(../images/footer_logo.jpg) no-repeat;
	width:155px;
	height:30px;
	overflow:hidden;
	margin:0 0 0 675px;
	color:#FFFFFF;
}

#footer_logo a{
	display:block;
	text-indent:-9999px;
	width:155px;
	height:30px;
	margin:0;
}

#copyright{
	color:#222222;
	font-size:10px;
}

#copyright a{
	color:#222222;
	font-size:10px;
}

#copyright a:hover{
	color:#222222;
}


#sitemap{
margin:0px;
padding:0px;
}

#sitemap li{
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
list-style-type:none;
}

#link{
margin:0px;
padding:0px;
}

#link li{
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
list-style-type:none;
}

#qr {
margin:0px;
padding:0px;
width:230px;
text-align:left;
}

#qr img {
margin:20px 0px 20px 0px;
padding:0px;
}


/*---------------第二階層----------------*/
#sub_header{
	height:120px;
	background:url(../images/sub_header_bg.jpg) repeat-x;
	margin:0 auto 0 auto;
}

#sub_header_inner{
	width:830px;
	margin:0 auto 0 auto;
	padding:15px 0 0 0;
}

#sub_header_bar{
	background:#aac5cf;
	height:6px;
	margin:0 0 15px 0;
}

#sub_header_inner h1{
	background:url(../images/logo.jpg) no-repeat;
	overflow:hidden;
	float:left;
}

#sub_header h1 a{
	display:block;
	text-indent:-9999px;
	width:210px;
	height:35px;
}

#sub_contents{
	width:830px;
	margin:0 auto 0 auto;
}

#left{
	float:left;
	width:580px;
}

h2{
	border-bottom:dotted 1px #aaaaaa;
	margin:15px 0 20px 0;
	padding:0;
}

#message h2{
	background:url(../images/h2_message.jpg) no-repeat;
	width:580px;
	height:40px;
	text-indent:-9999px;
	display:block;
}

#philosophy h2{
	background:url(../images/h2_philosophy.jpg) no-repeat;
	width:580px;
	height:40px;
	text-indent:-9999px;
	display:block;
}

#history h2{
	background:url(../images/h2_history.jpg) no-repeat;
	width:580px;
	height:40px;
	text-indent:-9999px;
	display:block;
}

#course h2{
	background:url(../images/h2_course.jpg) no-repeat;
	width:580px;
	height:40px;
	text-indent:-9999px;
	display:block;
}


#company h2{
	background:url(../images/h2_company.jpg) no-repeat;
	width:580px;
	height:40px;
	text-indent:-9999px;
	display:block;
}

#recruit h2{
	background:url(../images/h2_recruit.jpg) no-repeat;
	width:580px;
	height:40px;
	text-indent:-9999px;
	display:block;
}

#development h2{
	background:url(../images/h2_development.jpg) no-repeat;
	width:580px;
	height:40px;
	text-indent:-9999px;
	display:block;
}

#lesson h2{
	background:url(../images/h2_lesson.jpg) no-repeat;
	width:580px;
	height:40px;
	text-indent:-9999px;
	display:block;
}

#dispatch h2{
	background:url(../images/h2_dispatch.jpg) no-repeat;
	width:580px;
	height:40px;
	text-indent:-9999px;
	display:block;
}

#rehabilitation h2{
	background:url(../images/h2_rehabilitation.jpg) no-repeat;
	width:580px;
	height:40px;
	text-indent:-9999px;
	display:block;
}

#shinjuku h2{
	background:url(../images/h2_shinjuku.jpg) no-repeat;
	width:580px;
	height:40px;
	text-indent:-9999px;
	display:block;
}

#yurakucho h2{
	background:url(../images/h2_yurakucho.jpg) no-repeat;
	width:580px;
	height:40px;
	text-indent:-9999px;
	display:block;
}

#osaka_eigyou h2{
	background:url(../images/h2_osaka_eigyou.jpg) no-repeat;
	width:580px;
	height:40px;
	text-indent:-9999px;
	display:block;
}

#agency h2{
	background:url(../images/h2_agency.jpg) no-repeat;
	width:580px;
	height:40px;
	text-indent:-9999px;
	display:block;
}

#brand h2{
	background:url(../images/h2_brand.jpg) no-repeat;
	width:580px;
	height:40px;
	text-indent:-9999px;
	display:block;
}

#topics h2{
	background:url(../images/h2_topics.jpg) no-repeat;
	width:580px;
	height:40px;
	text-indent:-9999px;
	display:block;
}

#m_news h2{
	background:url(../images/h2_m_news.jpg) no-repeat;
	width:580px;
	height:40px;
	text-indent:-9999px;
	display:block;
}

#recommend h2{
	background:url(../images/h2_recomend.jpg) no-repeat;
	width:580px;
	height:40px;
	text-indent:-9999px;
	display:block;
}

#contact h2{
	background:url(../images/h2_contact.jpg) no-repeat;
	width:580px;
	height:40px;
	text-indent:-9999px;
	display:block;
}

#shop h2{
	background:url(../images/h2_shop.jpg) no-repeat;
	width:580px;
	height:40px;
	text-indent:-9999px;
	display:block;
}

#sitemap h2{
	background:url(../images/h2_sitemap.jpg) no-repeat;
	width:580px;
	height:40px;
	text-indent:-9999px;
	display:block;
}


#link h2{
	background:url(../images/h2_link.jpg) no-repeat;
	width:580px;
	height:40px;
	text-indent:-9999px;
	display:block;
}

#new h2{
	background:url(../images/h2_new.jpg) no-repeat;
	width:580px;
	height:40px;
	text-indent:-9999px;
	display:block;
}

#catalog h2{
	background:url(../images/h2_catalog.jpg) no-repeat;
	width:580px;
	height:40px;
	text-indent:-9999px;
	display:block;
}

h3{
	background:url(../images/h3.jpg) no-repeat 0 5px;
	width:570px;
	height:25px;
	font-size:14px;
	font-weight:normal;
	padding:0 0 0 10px;
	margin:10px 0 10px 0;
}

h4{
	background:url(../images/h4.jpg) no-repeat 0 4px;
	width:565px;
	height:19px;
	font-size:12px;
	font-weight:bold;
	padding:0 0 0 15px;
	margin:6px 0 6px 0;
}

#right{
	float:left;
	width:230px;
	margin:0 0 0 20px;
}

.cat{
	font-size:13px;
	margin:20px 0 0 0;
}

#menu{
	margin:0 0 40px 0;
	padding:0;
	background:url(../images/menu_bg.jpg) repeat-x;
	width:230px;
	height:225px;	
}

#menu_cata{
	margin:0 0 40px 0;
	padding:0;
	background:url(../images/menu_cata_bg.jpg) repeat-x;
	width:230px;
	height:796px;
}

#menu ul,#menu_cata ul{
	margin:0 auto 0 auto;
	padding:20px 0 0 0;
	list-style:none;
	width:180px;
}

#menu li,#menu_cata li{
	margin:0;
	padding:0;
	overflow:hidden;
}

#menu li a,#menu_cata li a{
	font-size:13px;
	line-height:36px;
}


hr{
	border-left:none;
	border-bottom:none;
	border-right:none;
	border-top:dashed 1px #666666;
	margin:15px auto 15px auto;
	text-indent:-9999px;
	display:block;
}

.hr2{
	border-left:none;
	border-bottom:none;
	border-right:none;
	border-top:solid 1px #666666;
	margin:5px auto 5px auto;
	text-indent:-9999px;
	display:block;
}





.left {
margin:0px 20px 0px 0px;
padding:0px;
float:left;
}









.navy{
	color:#416d9f;
}


.red{
	color:#990000;
}

.red_b{
	color:#990000;
	font-weight:bold;
}

.red_big{
	color:#990000;
	font-size:14px;
}

.blue{
	color:#009999;
}

.blue_b{
	color:#009999;
	font-weight:bold;
}

.blue_big{
	color:#009999;
	font-weight:bold;
	font-size:14px;
}

.pink{
	color:#CC4499;
}

.pink_b{
	color:#CC4499;
	font-weight:bold;
}

.pink_big{
	color:#CC4499;
	font-size:15px;
}

.green{
	color:#77aa66;
}

.green_b{
	font-weight:bold;
	color:#77aa66;
}

.small_blue{
	font-size:10px;
	color:#0066FF;
}

.small{
	font-size:10px;
}

.link_blue{
	color:#0066FF;
}

.orange {
	color:#ff9911;
}

.orange_b {
	color:#ff9911;
	font-weight:bold;
}

.b{
	font-weight:bold;
}

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