@charset "UTF-8";

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

/*sec.css                                      */

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



#main h1,

#main h2,

#main h3,

#main p,

#main div,

#main ul,

#main dl,

#main table{margin:0 0 20px}



#main h2{

background:url(../img/sec/h3bg.gif) no-repeat 0 2px;

border-bottom:1px solid #dedede;

color:#333;

font-size:110%;

font-weight:bold;

padding:0 0 5px 10px}



#main h3{

border-left:#9ad7eb 3px solid;

color:#333;

font-weight:bold;

padding:0 0 0 10px}



#main .more{

border-bottom:1px dotted #ccc;

padding:0 0 5px;

text-align:right}



#main .more a{

background:url(../img/common/icon01.gif) no-repeat 0 4px;

padding:0 0 0 15px}



#main table{

border:1px solid #ccc;

width:100%}



#main table th{

background:#f5f5f5;

border-bottom:1px dotted #999;

font-weight:bold;

padding:8px 10px;

text-align:center;

vertical-align:middle;

width:80px}



#main table td{

border-bottom:1px dotted #999;

border-left:1px solid #ccc;

padding:8px 10px;

text-align:left;

vertical-align:top}



#main table td p,

#main table td ul,

#main table td dl{margin:0}



#main dl dt{

font-weight:bold;

margin:0 0 5px}



#main ul li{

background:url(../img/sec/icon01.gif) no-repeat 0 5px;

padding:0 0 0 10px}



#main ul.note li{

background:none;

padding:0}



/* 会社紹介

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



#main .company dl.note dd{

background:url(../img/sec/icon01.gif) no-repeat 0 5px;

margin:0 0 0 15px;

padding:0 0 0 10px}



#main .company .lead{

background:url(../img/company/index/pict_002.jpg) no-repeat 100% 0;

padding:0 300px 0 0}



/* 社長メッセージ

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

#main .message dl{

float:right;

width:472px}



#main .message p{margin-bottom:10px}



#main .message .messageTop:after{

content:".";

display:block;

height:0;

clear:both;

visibility:hidden}



#main .message .messageTop{

display:inline-block;

margin-bottom:10px}



/*\*/

*html #main .message .messageTop{height:1%}

#main .message .messageTop{display:block}

/**/



#main .message .pict001{

float:left;

margin:0 10px 0 0;

width:158px}



#main .message dl dt{margin:0 0 20px}





/* 会社概要

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



#main .companyinfo ul.coList:after{

content:".";

display:block;

height:0;

clear:both;

visibility:hidden}



#main .companyinfo ul.coList{display:inline-block;}



/*\*/

*html #main .companyinfo ul.coList{height:1%}

#main .companyinfo ul.coList{display:block}

/**/



#main .companyinfo ul.coList li{

background:none;

float:left;

padding:0;

width:320px}



/* コムチュア3大活動

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





#main .dna dl.A dd{

background:url(../img/dna/h2Bg01.jpg) no-repeat;

padding:30px 0 0}



#main .dna dl.B dd{

background:url(../img/dna/h2Bg02.jpg) no-repeat;

padding:30px 0}



#main .dna dl.C dd{

background:url(../img/dna/h203Bg.jpg) no-repeat;

padding:30px 0}



#main .detail .A{

background:url(../img/dna/detail/BgTop.jpg) no-repeat;

padding:30px 0 0}



#main .detail .inner{

background:url(../img/dna/inner_Bg.gif) no-repeat 0 100%;

padding:0 0 10px}



#main  .pict{margin:0 0 20px;text-align:center}

#main .detail .cont{

background:url(../img/dna/boxBg.gif);

margin:0 18px;

padding:15px}





/*　よくある質問

-----------------------------------------------*/



#main .faq .sectionH2{

background:url(../img/faq/separator.gif) repeat-x 0 100%;

padding:0 0 10px}



#main .faq .sectionH2 h2{

background:url(../img/faq/q.gif) no-repeat 0 50%;

border:none;

font-size:120%;

padding:3px 0 3px 30px}



/* 社員インタビュー

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

#main .interview h2{

border:none;

margin-bottom:20px;

padding:0}



#main .interview .right{

float:right;

margin:0;

width:421px}



#main .interview .left{

float:left;

width:200px;}



#main .interview h4{margin-bottom:10px}



#main .interview .BtnA{

margin-top:40px;

text-align:right}



#main .interview .sectionH2:after{

content:".";

display:block;

height:0;

clear:both;

visibility:hidden}



#main .interview .sectionH2{

border-bottom:#999999 dotted 2px;

display:inline-block}



/*\*/

*html #main .interview .sectionH2{height:1%}

#main .interview .sectionH2{display:block}

/**/



/* 詳細

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



* html #main .iDetail{zoom:1}



#main .iDetail .titleArea,

#main .iDetail .titleArea2,

#main .iDetail .titleArea3,

#main .iDetail .titleArea4{

background:url(../img/interview/detail/pict001.jpg) no-repeat 100% 100%;

margin:0;

min-height:210px;

_height:230px;

padding:0 270px 20px 0}



#main .iDetail .titleArea2{background:url(../img/interview/002/pict001.jpg) no-repeat 100% 100%}

#main .iDetail .titleArea3{background:url(../img/interview/003/pict001.jpg) no-repeat 100% 100%}

#main .iDetail .titleArea4{background:url(../img/interview/004/pict001.jpg) no-repeat 100% 100%;padding:0 390px 20px 0}



#main .iDetail .titleArea p{margin:0}



#main .iDetail h2{

background:none;

border:none;

padding:0}



#main .iDetail dl.intro{

background:url(../img/interview/detail/dlBg.jpg) repeat;

border:1px solid #ccc}



#main .iDetail dl.intro dt,

#main .iDetail dl.intro dd{

border-left:9px solid #fff;

border-right:9px solid #fff;

padding:0 20px 15px}



#main .iDetail dl.intro dt.firstChild{

border-top:9px solid #fff;

padding:15px 20px}



#main .iDetail dl.intro dd.lastChild{border-bottom:9px solid #fff}



* html #main .iDetail .fix{

margin-left:10px;

zoom:1}



#main .iDetail .sectionH2 dl dt{font-size:110%}



#main .iDetail .sectionH2 .pic01,

#main .iDetail .sectionH2 .pic03,

#main .iDetail .sectionH2 .pic05,

#main .iDetail .sectionH2 .pic06,

#main .iDetail .sectionH2 .pic08,

#main .iDetail .sectionH2 .pic10,

#main .iDetail .sectionH2 .pic12,

#main .iDetail .sectionH2 .pic13,

#main .iDetail .sectionH2 .pic15{

background:url(../img/interview/detail/iPict001.jpg) no-repeat 0 0;

min-height:150px;

_height:150px;

padding:0 0 0 220px}



#main .iDetail .sectionH2 .pic03{background:url(../img/interview/detail/iPict003.jpg) no-repeat 0 0}

#main .iDetail .sectionH2 .pic05{background:url(../img/interview/detail/iPict005.jpg) no-repeat 0 0}

#main .iDetail .sectionH2 .pic06{background:url(../img/interview/detail/iPict006.jpg) no-repeat 0 0}

#main .iDetail .sectionH2 .pic08{background:url(../img/interview/detail/iPict008.jpg) no-repeat 0 0}

#main .iDetail .sectionH2 .pic10{background:url(../img/interview/detail/iPict010.jpg) no-repeat 0 0}

#main .iDetail .sectionH2 .pic12{background:url(../img/interview/detail/iPict012.jpg) no-repeat 0 0}

#main .iDetail .sectionH2 .pic13{background:url(../img/interview/detail/iPict013.jpg) no-repeat 0 0}

#main .iDetail .sectionH2 .pic15{background:url(../img/interview/detail/iPict015.jpg) no-repeat 0 0}



#main .iDetail .sectionH2 .pic02,

#main .iDetail .sectionH2 .pic04,

#main .iDetail .sectionH2 .pic07,

#main .iDetail .sectionH2 .pic09,

#main .iDetail .sectionH2 .pic11,

#main .iDetail .sectionH2 .pic14{

background:url(../img/interview/detail/iPict002.jpg) no-repeat 100% 0;

min-height:150px;

_height:150px;

padding:0 220px 0 0}



#main .iDetail .sectionH2 .pic04{background:url(../img/interview/detail/iPict004.jpg) no-repeat 100% 0}

#main .iDetail .sectionH2 .pic07{background:url(../img/interview/detail/iPict007.jpg) no-repeat 100% 0}

#main .iDetail .sectionH2 .pic09{background:url(../img/interview/detail/iPict009.jpg) no-repeat 100% 0}

#main .iDetail .sectionH2 .pic11{background:url(../img/interview/detail/iPict011.jpg) no-repeat 100% 0}

#main .iDetail .sectionH2 .pic14{background:url(../img/interview/detail/iPict014.jpg) no-repeat 100% 0}



#main .iDetail .link ul:after{

content:".";

display:block;

height:0;

clear:both;

visibility:hidden}



#main .iDetail .link ul{display:inline-block;}



/*\*/

*html #main .iDetail .link ul{height:1%}

#main .iDetail .link ul{display:block}

/**/



#main .iDetail .link ul li{

background:none;

float:left;

margin:0 0 0 16px;

padding:0}



#main .iDetail .link ul li.firstChild{margin:0}



#main .iDetail .link ul li dl dt{margin:0}



/* 福利厚生

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



#main .welfare table.col th{

border-left:1px solid #ccc;

text-align:left;

width:210px}



/* よくある質問

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



#main .faq ul li{

background:none;

padding:0}



/* 仕事内容

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



#main .job .intro{

background:url(../img/job/day2.jpg) no-repeat;

min-height:135px;

_height:135px;

padding:0 0 0 220px}



#main .job table td.note{font-weight:bold}



/*　

-----------------------------------------------*/



#main .recruit dl.note dd{margin:0 0 10px 20px}



/*　

-----------------------------------------------*/



#main .event .section:after{

content:".";

display:block;

height:0;

clear:both;

visibility:hidden}



#main .event .section{display:inline-block;}



/*\*/

*html #main .event .section{height:1%}

#main .event .section{display:block}

/**/





#main .event .section .cont{

float:right;

width:364px}



#main .event .section .fig{

float:left;

width:256px}





/* セキュリティポリシー・個人情報保護方針

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



#main .policy dl dd table{margin:0}



#main .policy dl dd dl dt{color:#35B6DB}

#main .policy dl dd dl dd{margin:0 0 20px}



#main .policy dl dd table dl dt{

color:#333;

font-weight:normal}

#main .policy dl dd table dl dd{margin:0}



#main .policy p.sign{text-align:right}



#main .policy table th{width:180px}



#main .policy table.col th{

border-left:1px solid #ccc;

text-align:left;

width:210px}





/* company

-----------------------------------------------*/





#main .office .section:after{

content:".";

display:block;

height:0;

clear:both;

visibility:hidden}



#main .office .section{

display:inline-block;}



/*\*/

*html #main .office .section{height:1%}

#main .office .section{display:block}

/**/



#main .office .section .cont{

float:right;

margin-left:8px;

width:290px}



#main .office .section .photo{

float:left;

width:332px}



#main .office .h202 .section{margin-bottom:10px}



#main .office .h202 .photo{

width:232px;

margin-left:15px}



#main .office .h202 .first{

margin-left:0;

width:392px}



#main .office .intro .photo{

width:220px}



#main .office .intro .cont{

margin-left:0;

width:420px}



/* index

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



#index #main h2{

background:none;

border:none;

margin:0 0 20px;

padding:0}



#index #main dl dt{

background:url(../img/common/icon01.gif) no-repeat 0 4px;

color:#35B6DB;

font-weight:normal;

margin:0;

padding:0 0 0 15px}



#index #main dl dt span{margin:0 0 0 5px}



#index #main dl dt span img{vertical-align:middle}



#index #main dl dd{

background:none;

border-bottom:1px dotted #999;

margin:0 0 10px;

padding:0 0 10px}



#index #main dl dd a{

color:#333;

text-decoration:underline}



#index #main dl dd a:hover{text-decoration:none}