@charset "UTF-8";

/* メイン スタイルシートの読み込み　+　Mac 版 IE5.x スタイル適応除外
------------------------------------------------------------ */
/*¥*/
@import "/css/common.css";
@import "/css/about/category.css";
/* @import "/css/mod/contents.css"; */
@import "/css/mod/list.css";
@import "/css/mod/table.css";
@import "/css/mod/column.css";
@import "/css/mod/anchor.css";
/**/








#contentWrapper {
background-color:#fff;
padding:30px 20px 20px 20px;
}






#contentWrapper p {
line-height:1.4em;
margin-bottom:1em;
margin-left:0;
}







.read01{
background:url(/about/images/index/bg_index-01.jpg) no-repeat left top;
margin-left:-20px;
text-align:right;
}

.read01 p{
width:300px;
margin-top:35px;
padding-left:306px;
padding-bottom:70px;
text-align:left;
}


.read02{
background:url(/about/images/index/bg_index-02.jpg) no-repeat left bottom;
margin-bottom:40px;
}

.read02 p{
width:290px;
margin-top:35px;
padding-right:296px;
}

h2 img{
margin-bottom:15px;
}















.features{
background:url(/about/images/index/bg_index_features.jpg) no-repeat left top;
width:586px;
height:250px;
}


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

.features { display:inline-block; }

/* Hides from IE-mac \*/
* html.features { height:1%; }
.features { display:block; }
/* End hide from IE-mac */



.features01{
width:195px;
float:left;
}

.features02{
width:196px;
float:left;
}



.features01 h3{
width:175px;
padding:15px 10px 10px 10px;
}

.features02 h3{
width:176px;
padding:15px 10px 10px 10px;
}


.features p{
padding:0 10px;
}






.voice{
background:url(/about/images/index/bg_index_voice.gif) no-repeat left top;
width:586px;
height:120px;
margin:0 0 60px 0;
}


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

.voice { display:inline-block; }

/* Hides from IE-mac \*/
* html.voice { height:1%; }
.voice { display:block; }
/* End hide from IE-mac */




.voice01{
width:195px;
margin:0;
padding:0;
float:left;
}

.voice02{
width:196px;
margin:0;
padding:0;
float:left;
}


.voice p{
width:155px;
height:63px;
margin:0;
padding:12px 20px 0 20px;
}

.voice p.jobs{
color:#633;
font-weight:bold;
width:133px;
height:45px;
margin:-10px 0 0 0;
padding:0 10px 0 52px;
}

























.easy{
background:url(/about/images/index/line_features01.gif) no-repeat left bottom;margin-bottom:1em;
width:586px;
}


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

.easy { display:inline-block; }

/* Hides from IE-mac \*/
* html.easy { height:1%; }
.easy { display:block; }
/* End hide from IE-mac */



.easy01{
background:url(/about/images/index/line_features02.gif) no-repeat 189px top;
width:185px;
padding:0 14px 0 0;
float:left;
}

.easy02{
width:188px;
padding:0;
float:left;
}



.easy h3{
color:#003399;
font-size:14px;
height:40px;
line-height:1.2em;
}

.easy p{
color:#633;
height:7em;
}









.easyMain{
width:586px;
margin:0 0 40px 0;
}


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

.easyMain { display:inline-block; }

/* Hides from IE-mac \*/
* html.easyMain { height:1%; }
.easyMain { display:block; }
/* End hide from IE-mac */



.easyMain01{
background:url(/about/images/index/bg_easyMain-01.gif) no-repeat left top;
width:195px;
height:186px;
padding:0;
float:left;
}

.easyMain02{
background:url(/about/images/index/bg_easyMain-02.gif) no-repeat left top;
width:195px;
height:186px;
padding:0;
float:left;
}

.easyMain03{
background:url(/about/images/index/bg_easyMain-03.gif) no-repeat left top;
width:196px;
height:186px;
padding:0;
float:left;
}



.easyMain h3{
color:#003399;
width:165px;
height:40px;
padding:15px 15px 5px 15px;
}


.easyMain p{
width:165px;
padding:0 15px;
line-height:1.2em;
font-weight:bold;
}







.formBox {
width:584px;
margin:2em 0 2em 0;
padding:20px 0;
border:solid 1px #ccc;
}

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

.formBox { display:inline-block; }

/* Hides from IE-mac \*/
* html.formBox { height:1%; }
.formBox { display:block; }
/* End hide from IE-mac */



.formBox div.lBox01 {
width:192px;
margin:0;
padding:0;
text-align:center;
border-right:2px #999 dotted;
float:left;
}

.formBox div.rBox01 {
width:196px;
margin:0;
padding:0;
text-align:center;
float:right;
}



















/* -----------------------------------------------------------------------
  　マージンコントロール
-------------------------------------------------------------------------- */

/* 主にリスト階層用　p,div,list 要素 他なんでも
-----------------------------------------------------------*/
#contentWrapper .indent0 {/* 主に 入れ子要素用 */
margin-left:0 !important;
}

#contentWrapper .indent20 {/* 主に コラム内 入れ子要素用 */
margin-left:20px !important;
}


/* 行間 コントロール　
-----------------------------------------------------------*/
body .mUnder0{/* 空き削除 */
margin-bottom:0 !important;
}

body .mUnderHalf{/* 0.5行分空き */
margin-bottom:0.5em !important;
}

body .mUnder1L{/* １行分空き */
margin-bottom:1em !important;
}

body .mUnder2L{/* ２行分空き */
margin-bottom:2em !important;
}

body .mUnder3L{/* ３行分空き */
margin-bottom:3em !important;
}

body .mUnderEnd{/* ４行分空き */
margin-bottom:4em !important;
}

body .mTop1L {/* 上に１行分空き */
margin-top:1em !important;
}

body .mTop2L {/* 上に２行分空き */
margin-top:2em !important;
}

/* テキストalign コントロール
-----------------------------------------------------------*/
#contentWrapper .txtCenter {
text-align:center;
}

#contentWrapper .txtLeft {
text-align:left;
}

#contentWrapper .txtRight {
text-align:right;
}























/* Windows 版 IE5.x (5.0〜5.5) 用スタイルシートの読み込み
------------------------------------------------------------ */
@media tty {
	i{content:"¥";/*" "*/}} @import '/css/win-ie5x.css'; /*";}
}/* */

/* Windows 版 IE5.0 用スタイルシートの読み込み
------------------------------------------------------------ */
@media tty {
	i{content:"¥";/*" "*/}}; @import '/css/win-ie50.css'; {;}/*";}
}/* */

/* Windows 版 IE5.5 用スタイルシートの読み込み
------------------------------------------------------------ */
@media tty {
	i{content:"¥";/*" "*/}}@m; @import '/css/win-ie55.css'; /*";}
}/* */