@charaset "UTF-8";

*{
margin:0;
padding:0;
}

body{
font-family:"Open Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
color:#444444;
font-size:14px;
height: 100%;
}

div#wrapper{
margin: 0 auto;
width: 1024px;
background-color:#ffffff;
text-align: center;
}


/** ヘッダーエリア **/
#header{
height:55px;
}

#header h1{
font-size: 16px;
color: #888888;
}

#header h2{
float: left;
}

#header h2 img{
padding: 10px 0 0 5px;
}

#headermenu{
float: right;
font-size:17px;
padding: 30px 10px 0 0;
}

#headermenu a{
color: #888888;
font-weight:bold;
text-decoration:none;
padding-left: 20px;
background:url(img/maru.png) no-repeat left ;
}

#headermenu a:hover{
color: #1144aa;
padding-left: 20px;
background:url(img/maru-on.png) no-repeat left;
}

#headermenu li{
float: left;
padding-left: 10px;
list-style:none;
}


/** グローバルナビ **/
#gnavi{
clear:both;
position:relative;
z-index:10;
}

#gnavi ul{
width:1024px;
height:26px;
list-style:none;
padding: 0;
margin: 0;
}

#gnavi li{
height:26px;
float:left;
}

.gnavi1 a{
display:block;
width:257px;
height:26px;
background-image:url(img/gnavi.png);
background-position:0px 0px;
text-indent:-1000em;
text-decoration:none;
}

.gnavi1 a:hover{
background-image:url(img/gnavi.png);
background-position:0px -26px;
}

.gnavi1 a.stay{
background-image:url(img/gnavi.png);
background-position:0px -26px;
}

.gnavi2 a{
display:block;
width:254px;
height:26px;
background-image:url(img/gnavi.png);
background-position: -257px 0px;
text-indent:-1000em;
text-decoration:none;
}

.gnavi2 a:hover{
background-image:url(img/gnavi.png);
background-position: -257px -26px;
}

.gnavi2 a.stay{
background-image:url(img/gnavi.png);
background-position: -257px -26px;
}

.gnavi3 a{
display:block;
width:254px;
height:26px;
background-image:url(img/gnavi.png);
background-position: -511px 0px;
text-indent:-1000em;
text-decoration:none;
}

.gnavi3 a:hover{
background-image:url(img/gnavi.png);
background-position: -511px -26px;
}

.gnavi3 a.stay{
background-image:url(img/gnavi.png);
background-position: -511px -26px;
}

.gnavi4 a{
display:block;
width:259px;
height:26px;
background-image:url(img/gnavi.png);
background-position: -765px 0px;
text-indent:-1000em;
text-decoration:none;
}

.gnavi4 a:hover{
background-image:url(img/gnavi.png);
background-position: -765px -26px;
}

.gnavi4 a.stay{
background-image:url(img/gnavi.png);
background-position: -765px -26px;
}


/** フッターエリア **/
#address{
clear: both;
text-align:left;
padding:40px 0 0 310px;
}

#footer-line{
margin:0 auto;
padding-top:15px;
border-bottom:1px #888888 solid;
width:500px;
}

#copyright{
margin-top: 15px;
text-align:center;
font-size: 12px;
}


/** トップ **/
h1#top-description{
position:absolute;
top: 440px;
left: 528px;
z-index:0;
text-align:left;
width:480px;
}

#mov{
width:1020px;
height:484px;
background-color:#ffffff;
position:relative;
z-index:10;
margin:0 0 5px 0;
padding-top:0;
}


/** コンテンツ **/
#contentarea{
width:1024px;
height:663px;
}

#contents{
text-align:left;
width:755px;
padding:125px 0 0 255px;
}

#pagetitle{
font-size:28px;
font-weight:bold;
color:#888888;
}

#titleline{
border-bottom:1px #888888 solid;
width:755px;
}


/** who we are **/
#description{
padding:5px 0 0 0;
font-size:20px;
font-weight:bold;
color:#888888;
font-size:16px;
font-weight:normal;
}

.midashi{
padding:40px 0 0 0;
font-size:20px;
font-weight:bold;
color:#888888;
}

.jp{
font-weight:normal;
}

.honbun{
padding:3px 0 0 45px;
font-size:16px;
color:#888888;
}

.midashi2{
padding:10px 0 0 0;
font-size:20px;
font-weight:bold;
color:#888888;
}

.who_fig{
padding:60px 0 0 60px;
}


/** about us **/
h1.midashi2{
padding:15px 0 15px 0;
font-size:20px;
font-weight:bold;
color:#888888;
}

.midashi3{
font-weight:bold;
font-size:16px;
color:#888888;
}

div.scrollarea{
float:left;
width:670px;
height:395px;
margin-left:32px;
background-color:#eeeeee;
}

div.scrollarea div{
width:640px;
height:365px;
position:relative;
top:5px;
left:5px;
overflow:auto;
padding:8px 10px 10px 10px;
background-color:#ffffff;
font-size:16px;
}


/** our work **/
ul#contents2{
width: 1024px;
padding: 125px 0 0 65px;
list-style-type: none;
}

ul#contents2 li{
float: left;
text-align: left;
}

#submenu{
clear:both;
}

#submenu ul{
width:172px;
height:28px;
list-style:none;
padding: 0;
margin: 0;
}

ul#submenu li{
height:28px;
float:left;
}

.submenu1 a{
display:block;
width:172px;
height:28px;
background-image:url(img/sub_menu_work.png);
background-position:0px 0px;
text-indent:-1000em;
text-decoration:none;
}

.submenu1 a:hover{
background-image:url(img/sub_menu_work.png);
background-position:172px 0;
}

.submenu1 a.stay{
background-image:url(img/sub_menu_work.png);
background-position:344px 0px;
}

.submenu2 a{
display:block;
width:172px;
height:28px;
background-image:url(img/sub_menu_work.png);
background-position: 0px -28px;
text-indent:-1000em;
text-decoration:none;
}

.submenu2 a:hover{
background-image:url(img/sub_menu_work.png);
background-position: 172px -28px;
}

.submenu2 a.stay{
background-image:url(img/sub_menu_work.png);
background-position: 344px -28px;
}

.submenu3 a{
display:block;
width:172px;
height:27px;
background-image:url(img/sub_menu_work.png);
background-position: 0px -57px;
text-indent:-1000em;
text-decoration:none;
}

.submenu3 a:hover{
background-image:url(img/sub_menu_work.png);
background-position: 172px -57px;
}

.submenu3 a.stay{
background-image:url(img/sub_menu_work.png);
background-position: 344px -57px;
}

#main_image {
padding:5px 0 0 51px;
width:650px;
height:485px;
}


/** recruiting	**/
#submenu_rec{
clear:both;
}

#submenu_rec ul{
width:172px;
height:28px;
list-style:none;
padding: 0;
margin: 0;
}

ul#submenu_rec_li{
height:28px;
float:left;
}

.submenu_rec1 a{
display:block;
width:172px;
height:28px;
background-image:url(img/sub_menu_recruit.png);
background-position:0px 0px;
text-indent:-1000em;
text-decoration:none;
}

.submenu_rec1 a:hover{
background-image:url(img/sub_menu_recruit.png);
background-position:172px 0;
}

.submenu_rec1 a.stay{
background-image:url(img/sub_menu_recruit.png);
background-position:344px 0px;
}

.submenu_rec2 a{
display:block;
width:172px;
height:28px;
background-image:url(img/sub_menu_recruit.png);
background-position: 0px -28px;
text-indent:-1000em;
text-decoration:none;
}

.submenu_rec2 a:hover{
background-image:url(img/sub_menu_recruit.png);
background-position: 172px -28px;
}

.submenu_rec2 a.stay{
background-image:url(img/sub_menu_recruit.png);
background-position: 344px -28px;
}

.submenu_rec3 a{
display:block;
width:172px;
height:27px;
background-image:url(img/sub_menu_recruit.png);
background-position: 0px -57px;
text-indent:-1000em;
text-decoration:none;
}

.submenu_rec3 a:hover{
background-image:url(img/sub_menu_recruit.png);
background-position: 172px -57px;
}

.submenu_rec3 a.stay{
background-image:url(img/sub_menu_recruit.png);
background-position: 344px -57px;
}

div.scrollarea_rec{
float:left;
width:670px;
height:425px;
margin-left:32px;
background-color:#eeeeee;
}

div.scrollarea_rec div{
width:640px;
height:395px;
position:relative;
top:5px;
left:5px;
overflow:auto;
padding:8px 10px 10px 10px;
background-color:#ffffff;
font-size:16px;
}


/** contact	**/
#contentarea2{
width:1024px;
height:100%;
}

.midashi4{
margin:0;
padding:20px 0 0 0;
font-size:20px;
font-weight:bold;
color:#888888;
}

.formwaku{
height:444px;
}

form table{
text-align:center;
margin:5px 0 0 0;
border:none;
}

form table tr td{
text-align:center;
padding:8px 0 8px 0;
font-size:14px;
color:#333333;
border:none;
}

td.top-line{
border-top:1px #888888 solid;
}

td.bottom-line{
border-top:1px #888888 solid;
border-bottom:1px #888888 solid;
}

td.white{
background:#ffffff;
padding-left:10px;
text-align:left;
}

td.grey{
background:#e5e5e5;
}

input{
font-size:14px;
}

textarea{
font-size:13px;
}

.submit_waku{
height:25px;
text-align:center;
padding:8px 0 12px 0;
}