/*************************************************************

		Aisian Workers™ CSS Stylesheet
		Copyright © 2008, All Rights Reserved
		By ichi&hero ////////

*************************************************************/

/*************************************************************

		Page Style ////////

*************************************************************/
* {margin: 0; padding: 0;}
html {height: 100%;}
body {
background-color:#000000;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial;
color:#C1C1C1;
font-size:12px;
height: 100%;
}
img {vertical-align:middle;}
.contents_clear{
height:20px;
clear:both;
}
/****************************
		Text
****************************/
p {color: #C1C1C1; text-decoration: none;}
li {
list-style-position:inside;
margin:0px;
padding:0px;
list-style-type:square;
}
ul {
list-style-position:inside;
margin:0px;
padding:0px;
}
/*h1, a strong, p strong, h2 strong {color: #ED145B;}*/
h1,h2 {font-size: 12px;}
a {margin: 0; border: none; cursor: pointer; outline: none;}
/****************************
		color
****************************/
.white{color:#FFFFFF;}
.contact_link{
color:#FFFF99;
text-decoration:none;
}
a.contact_link:link{
text-decoration:none;
}
a.contact_link:visited{
text-decoration:none;
}
a.contact_link:hover{
text-decoration:none;
}
a.contact_link:active{
text-decoration:none;
}
/****************************
		img
****************************/
img{
	border:none;
}
/*************************************************************

		Content ////////

*************************************************************/
/****************************
		Global
****************************/
#wrapper {
position: relative;
width: 1000px;
min-height: 100%;
margin: 0 auto -80px auto;
}
/****************************
		Header Content
****************************/
#headerWrapper {
width: 600px; 
height: 115px;
background-image:url(img/header.gif);
background-repeat:no-repeat;
float:left;
}
#headerWrapper2{
width: 200px; 
height: 45px;
margin:70px 50px 0 150px;
background-repeat:no-repeat;
float:left;
}
#flashWrapper {
width:1000px;
height:360px;
clear:both;
}
/*************************************************************

		Content ////////

*************************************************************/
#mainWrapper {
width:1000px;
margin-top:20px;
clear:both;
}
/****************************
		Content1
****************************/
#contentsWrapper {
float:left;
width: 600px;
margin:0 28px 0 0;
color:#333333;
}
#menu{
background-image:url(img/menu_bg.gif);
background-repeat:no-repeat;
width:605px;
height:49px;
}
#menu2{
background-image:url(img/menu_bg.gif);
background-repeat:no-repeat;
width:605px;
height:49px;
clear:both;
margin-bottom:10px;
}
/* 初期状態のリンクの装飾 */
p.imagelinks a {
display:block;
width: 120px;
height: 49px;
text-indent: -99999px;
background-position: top left;
float:left;
}
/* マウスが載ったときの装飾 */
p.imagelinks a:hover {
background-position: top right;
float:left;
}
p.imagelinks a.top {background-image: url("img/menu_top.gif");}
p.imagelinks a.dw {background-image: url("img/menu_dw.gif");}
p.imagelinks a.sw {background-image: url("img/menu_sw.gif");}
p.imagelinks a.aw {background-image: url("img/menu_aw.gif");}
p.imagelinks a.cu {background-image: url("img/menu_cu.gif");}

/****************************
		Work_Content
****************************/
#work_contents{
width:600px;
margin-top:20px;
}
.work_1{
width:580px;
height:160px;
margin-bottom:20px;
padding:10px;
background-color:#FFFFFF;
}
.work_left{
width:300px;
height:160px;
border:1px solid #000000;
margin-right:10px;
float:left;
}
.work_right1{
width:268px;
height:160px;
float:left;
background-image:url(img/work_right_bg_ds.gif);
}
.work_right2{
width:268px;
height:160px;
float:left;
background-image:url(img/work_right_bg_d.gif);
}
#work_right1 h2{
color:#333333;
font-size:12px;
margin-bottom:5px;
}
#work_contents h1{
text-indent:-5000px;
display:block;
width:137px;
height:33px;
background-image:url(img/result.gif);
background-repeat:no-repeat;
margin-bottom:10px;
}
.preview{
width:100%;
height:33px;
text-align:right;
}
.up_top{
margin:0 auto 20px 30px;
}
/****************************
		Side Content
****************************/
#sideWrapper {
float: left;
width: 319px;
height:700px;
background-position:center top;
background-image:url(img/side_menu_bg.gif);
background-repeat:no-repeat;
}
#sideWrapper p{
margin:10px 15px 5px 15px;
line-height: 1.5em;
font-size: 12px;
color:#FFFFFF;
clear:both;
}
#sideWrapper img{
background-image:url(img/service_menu.gif);
width:319px;
height:20px;
clear:both;
margin:10px 0;
}
#side_menu1{
display:block;
margin:10px auto;
width:260px;
height:120px;
text-align:center;
clear:both;
text-indent:-5000px;
background-image:url(img/m_total_web.gif);
background-repeat:no-repeat;
}
#side_menu2{
display:block;
margin:10px auto;
width:260px;
height:120px;
text-align:center;
clear:both;
text-indent:-5000px;
background-image:url(img/m_online_shop.gif);
background-repeat:no-repeat;
}
#side_menu3{
display:block;
margin:10px auto;
width:260px;
height:120px;
text-align:center;
clear:both;
text-indent:-5000px;
background-image:url(img/m_online_reserve.gif);
background-repeat:no-repeat;
}
#flow{
display:block;
margin:10px auto;
width:260px;
height:120px;
text-align:center;
clear:both;
text-indent:-5000px;
background-image:url(img/flow.gif);
background-repeat:no-repeat;
}
/****************************
		Design_Work
****************************/
#design_work{
width:950px;
clear:both;
}
#header_design{
background-image:url(img/design_work.gif);
background-repeat:no-repeat;
height:100px;
width:950px;
}
#header_design_s{
background-image:url(img/design_work_s.gif);
background-repeat:no-repeat;
height:100px;
width:600px;
margin-bottom:10px;
}
#header_design h2{
text-indent:-5000px;
}
#header_design_s h2{
text-indent:-5000px;
}
#design_contents{
margin-top:10px;
}
#design_text{
width:600px;
margin-right:29px;
font-size:14px;
float:left;
}
#design_text2{
width:600px;
font-size:14px;
float:left;
}
#design_text h3{
color:#FFFFFF;
}
#design_text2 h3{
color:#FFFFFF;
}
#design_text p{
margin:5px 0 0 5px;
line-height:1.4em;
}
#design_text2 p{
margin:5px 0 0 5px;
line-height:1.4em;
}
.tc{
background-color:#9ac743;
color:#000000;
font-size:14px;
}
#design_img{
width:320px;
height:400px;
background-image:url(img/flow.jpg);
background-repeat:no-repeat;
float:left;
border-left-width: 1px;
border-left-style: dashed;
border-left-color: #CCCCCC;
}

/****************************
		System_Work
****************************/
#system_work{
width:950px;
clear:both;
}
#header_system{
background-image:url(img/system_work.gif);
background-repeat:no-repeat;
height:100px;
width:950px;
}
#header_system h2{
text-indent:-5000px;
}
#system_contents{
margin-top:10px;
}
#system_text{
width:600px;
margin-right:29px;
font-size:14px;
float:left;
}
#system_text h3{
color:#FFFFFF;
}
#system_text p{
margin:5px 0 0 5px;
line-height:1.4em;
}
#system_text ul li{
color:#FFFFFF;
}
#system_text ul li ul li{
color:#CCCCCC;
line-height:1.4em;
margin-left:10px;
list-style-type:circle;
}
.ts{
background-color:#1B4778;
color:#CCCCCC;
font-size:14px;
}
#system_img{
width:320px;
height:600px;
background-image:url(img/flow_system.jpg);
background-repeat:no-repeat;
float:left;
border-left-width: 1px;
border-left-style: dashed;
border-left-color: #CCCCCC;
}
/****************************
		Contact_Work
****************************/
#contact_contents{
width:600px;
margin-top:10px;
}
#contact_contents h1{
text-indent:-5000px;
display:block;
width:600px;
height:100px;
background-image:url(img/contact_work_s.gif);
background-repeat:no-repeat;
margin-bottom:10px;
}
#contact_text{
width:590px;
padding:5px;
font-size:12px;
float:left;
color:#CCCCCC;
line-height:1.4em;
margin-bottom:20px;
}
#contact_header{
width:600px;
height:30px;
background-image:url(img/contact_header.gif);
background-repeat:no-repeat;
clear:both;
}
#contact_form{
width:580px;
clear:both;
margin-top:10px;
margin-right:auto;
margin-left:auto;
background-color:#FFFFFF;
padding:10px 5px 5px 10px;
}
.contact_1{
float:left;
width:150px;
height:20px;
background-color:#F0F0F0;
padding:8px 3px 0 3px;
margin-bottom:5px;
margin-right:10px;
text-align:center;
}
.contact_1_option{
float:left;
width:150px;
height:100px;
background-color:#F0F0F0;
padding:8px 3px 0 3px;
margin-bottom:5px;
margin-right:10px;
text-align:center;
}
.contact_1_s{
float:left;
width:150px;
height:200px;
background-color:#F0F0F0;
padding:8px 3px 0 3px;
margin-bottom:5px;
margin-right:10px;
text-align:center;
}
.contact_2{
float:left;
width:400px;
height:18px;
border:1px solid #000000;
padding:6px 3px 2px 3px;
margin-bottom:5px;
font-size:12px;
}
.contact_2_option{
float:left;
width:400px;
height:100px;
border:1px solid #000000;
padding:6px 3px 2px 3px;
margin-bottom:5px;
font-size:12px;
line-height:1.4em;
}
.contact_2_option hr{
margin-top:5px;
margin-bottom:5px;
}
.contact_page{
float:left;
width:50px;
height:18px;
border:1px solid #000000;
padding:6px 3px 2px 3px;
margin-bottom:5px;
font-size:12px;
}
.contact_page2{
float:left;
width:150px;
height:18px;
padding:6px 3px 2px 3px;
margin-bottom:5px;
font-size:12px;
}
.contact_select{
float:left;
height:27px;
border:1px solid #000000;
padding:3px;
margin-bottom:5px;
font-size:12px;
}
.contact_2_s{
float:left;
width:400px;
height:200px;
border:1px solid #000000;
padding:3px;
margin-bottom:5px;
font-size:12px;
overflow:auto;
}
#confirm{
margin-top:10px;
color:#FFFFFF;
line-height:1.4em;
}
.button_reset1{
	float:left;
	margin-left:200px;
}
.button_reset2{
	float:right;
	margin-right:150px;
}
/****************************
		Estimate_Work
****************************/
#estimate_contents{
width:600px;
margin-top:10px;
}
#estimate_contents h1{
text-indent:-5000px;
display:block;
width:600px;
height:100px;
background-image:url(img/estimate_work_s.gif);
background-repeat:no-repeat;
margin-bottom:10px;
}
#estimate_header{
width:600px;
height:30px;
background-image:url(img/estimate_header.gif);
background-repeat:no-repeat;
clear:both;
}
/****************************
		Footer Content
****************************/
.footerClear {
height: 80px;
clear: both;
}
#footerWrapper {
position: relative;
width: 100%;height: 80px;
}
#footerContent {
position: relative;
width: 1000px;
height: 80px;
margin: auto;
background: url("img/footer.gif") no-repeat;
}
#W3CWrapper {
width: 200px;
height: 20px;
margin-left:850px;
margin-top:30px;
background-image:url("img/w3c.gif");
background-repeat:no-repeat;
position:absolute;
}

.W3CButton1 {float: left; height: 20px; background: url("img/w3c_html.gif") no-repeat; margin-right:5px; }
.W3CButton1:hover {float: left; height: 20px; background: url("img/w3c_html_over.gif") no-repeat; }
.W3CButton {float: left; height: 20px; background: url("img/w3c.gif") no-repeat; }
.W3CButton:hover {float: left; height: 20px; background: url("img/w3c_over.gif") no-repeat; }
.W3C01 {width: 60px; }