@charset "UTF-8";

@import "/css/common.css";
@import "/css/mod/contents.css";
@import "/css/print/style_reset.css";


#contentWrapper {
padding:0 !important;
background:none !important;
}

#contentWrapper h1 {
margin:0 0 20px 0;
padding:0;
border:none;
}

#underlayerNavi h2 {
color:#727272;
}

/* ----------------------------------------------------------------------
　　はじめての方へ　独自
------------------------------------------------------------------------- */
#contentWrapper div#welcomeWrap {
padding:0 20px 30px 20px;
background-color:#fff;
}

div#welcomeWrap h2 {
padding:0;
margin:0 0 15px 0;
background:none;
}


div#welcomeWrap h3 {
padding:0;
margin:0 0 15px 0;
background:none;
}


div#welcomeWrap p {
margin-left:0;
}


/* ボタンエリア
------------------------------------------------------------ */
div#welcomeWrap div.btnArea {
width:586px;
margin:0 0 2em 0;
padding:14px 0 0 0;
height:1%;
background:url(/images/common/line_dots_1px.gif) repeat-x top;
}


div#welcomeWrap div.btnArea p {
width:350px;
float:left;
}

div#welcomeWrap div.btnArea a#btnAbout,
div#welcomeWrap div.btnArea a#btnService,
div#welcomeWrap div.btnArea a#btnOption,
div#welcomeWrap div.btnArea a#btnGuide {
width:208px;
height:48px;
display:block;
float:right;
text-indent:-999em;
overflow:auto;
}

div#welcomeWrap div.btnArea a#btnAbout {
width:225px;
background:url(/welcome/images/btn_about_atl.gif) no-repeat left top;
}
div#welcomeWrap div.btnArea a#btnService{
background:url(/welcome/images/btn_service.gif) no-repeat left top;
}
div#welcomeWrap div.btnArea a#btnOption {
background:url(/welcome/images/btn_option.gif) no-repeat left top;
}
div#welcomeWrap div.btnArea a#btnGuide {
background:url(/welcome/images/btn_guide.gif) no-repeat left top;
}

div#welcomeWrap div.btnArea a#btnAbout:hover,
div#welcomeWrap div.btnArea a#btnService:hover,
div#welcomeWrap div.btnArea a#btnOption:hover,
div#welcomeWrap div.btnArea a#btnGuide:hover {
background-position:bottom;
}


/* 特長
------------------------------------------------------------ */
div#welcomeWrap div.merit {
width:586px;
height:1%;
margin:0 0 1em 0;
clear:both;
background:url(/welcome/images/merit_bg.gif) no-repeat left bottom;
}

div#welcomeWrap div.merit div.lBox {
width:283px;
float:left;
}

div#welcomeWrap div.merit div.rBox {
width:283px;
float:right;
}

div#welcomeWrap div.merit div p {
padding:0 12px 12px 12px;
margin:0;
}



/* おまかせ
------------------------------------------------------------ */
div#welcomeWrap div.needs {
width:586px;
height:1%;
margin:0 0 1em 0;
clear:both;
background:url(/welcome/images/needs_bg.gif) no-repeat left bottom;
}

div#welcomeWrap div.needs div.lBox,
div#welcomeWrap div.needs div.midBox {
width:182px;
float:left;
}

div#welcomeWrap div.needs div.lBox {
padding:0 20px 0 0;
}

div#welcomeWrap div.needs div.rBox {
width:182px;
float:right;
}

div#welcomeWrap div.needs div ul {
margin:5px 12px 0 12px;
padding:4px 0;
list-style:none;
text-align:right;
background:url(/images/common/line_dots_1px.gif) repeat-x top;
}

div#welcomeWrap div.needs div ul li {
padding:0 20px 0 0;
margin:0 0 6px 0;
background:url(/images/common/bullet_link_inside.gif) no-repeat right 1px;
}

div#welcomeWrap div.needs div p {
padding:0 12px;
margin:0;
}


/* 特長・おまかせ　共通
------------------------------------------------------------ */
div#welcomeWrap div.merit div h4,
div#welcomeWrap div.needs div h4 {
padding:0;
margin:0;
background:none;
}



/* 流れ
------------------------------------------------------------ */
div#welcomeWrap div.btnArea ul#flow {
margin:0;
padding:15px 0 0 0;
clear:both;
}

div#welcomeWrap div.btnArea ul#flow li {
padding:0 0 0 20px;
background:url(/images/common/bullet_link_inside.gif) no-repeat left 1px;
display:block;
float:left;
}

div#welcomeWrap div.btnArea ul#flow li.link01,
div#welcomeWrap div.btnArea ul#flow li.link02 {
width:205px;
}
div#welcomeWrap div.btnArea ul#flow li.link03 {
width:115px;
}





/* float clear
------------------------------------------------------------ */
div#welcomeWrap div.needs:after,
div#welcomeWrap div.btnArea:after,
div#welcomeWrap div.merit:after {
content: ".";
height: 0;
clear: both;
visibility: hidden;
display:block;
}



/* ------------------------------------------ Safari, FireFox スタイルのリセット */


html[xmlns]>/**/body div#welcomeWrap div.merit, 
html[xmlns]>/**/body div#welcomeWrap div.needs {
background:none;
}








/* add 2008.4.22
--------------------------------------------------------------*/

#welcomeWrap ul.row2btn {
list-style:none;
display:inline-block;
margin:0 0 10px 0;
}

#welcomeWrap ul.row2btn li {
display:inline;
}

#welcomeWrap ul li a.btn {
padding-right:5px;
}




#welcomeWrap div.formBox {
margin:0 0 3em 0;
padding:0 0 10px 0;
background:url(/contact/images/box01_bg_bottom.gif) no-repeat left bottom;
display:inline-block;
}

html *#welcomeWrap div.formBox {
height:1%;
}

#welcomeWrap div.formBox p.head {
height:10px;
padding:0;
margin:0 0 5px 0;
font:1px;
line-height:1px;
background:url(/contact/images/box01_bg_top.gif) no-repeat left top;
}




#welcomeWrap div.formBox div.lBox {
width:261px;
padding:0 15px;
margin:0;
float:left;
border-right:1px #ddd dotted;
}

#welcomeWrap div.formBox div.rBox {
width:261px;
padding:0 15px 0 0;
margin:0;
float:right;
}


#welcomeWrap div.formBox div a.btn {
display:block;
margin:0 0 10px 0;
}


/* clearFix
--------------------------------------------------------------*/
#welcomeWrap div.formBox:after { /* float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

html *#welcomeWrap div.formBox {
height:1%;
}