@charset "shift_jis";
/*
SmileVision CSS 2006.02.01
*/

/* テキストカラー */
.body,td,th { color:#666666;}
.red        { color:#CC0000;}
.pink       { color:#FF6666;}
.pink_d     { color:#FF668B;}
.blown      { color:#6D462E;}
.white      { color:#FFFFFF;}
.orange     { color:#FF6600;}
.black      { color:#000000;}
.blue       { color:#0066CC;}
.gy         { color:#666666;}
.green 		{ color:#009900;}
.purple     { color:#BB3E7C;}
.purple2    { color:#3A2684;}
.yellow     { color:#FFFF00;}
.blue2      { color:#246F93;}
.blue3      { color:#008EBD;}


/* 余白背景 */
body {
	background-image: url(/img/bg1.gif);
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


/* テキストリンクカラー */

a:link{text-decoration:none;color:#CC0000}
a:visited{text-decoration:none;color:#CC0000}
a:hover{text-decoration:underline;color:#FF8080}

.menu a:link{text-decoration: none;color:#333333}
.menu a:visited{text-decoration: none;color:#333333}
.menu a:hover{text-decoration: underline;color:#CC0000}

.no a:link   {text-decoration: none;color:#FFFFFF}
.no a:visited{text-decoration: none;color:#FFFFFF}
.no a:hover  {text-decoration: underline;color:#FFFFFF}

.bn a:link   {text-decoration: none;color:#006699}
.bn a:visited{text-decoration: none;color:#006699}
.bn a:hover  {text-decoration: underline;color:#006699}

.bc a:link   {text-decoration: underline;color:#3C549B}
.bc a:visited{text-decoration: underline;color:#3C549B}
.bc a:hover  {text-decoration: none;color:#3C549B}

.menu2 a:link   {text-decoration: underline;color:#313131}
.menu2 a:visited{text-decoration: underline;color:#313131}
.menu2 a:hover  {text-decoration: none;color:#313131}

.tophe a:link   {text-decoration: none;color:#696969}
.tophe a:visited{text-decoration: none;color:#696969}
.tophe a:hover  {text-decoration: none;color:#696969}

.blk a:link   {text-decoration: none;color:#696969}
.blk a:visited{text-decoration: none;color:#696969}
.blk a:hover  {text-decoration: underline;color:#CC0000}


.whe a:link   {text-decoration: none;color:#FFFFFF}
.whe a:visited{text-decoration: none;color:#FFFFFF}
.whe a:hover  {text-decoration: underline;color:#FFFFFF}

/* 余白 */
.space10{margin:10px} 
.space20{margin:20px} 
.left300{margin-left:300px} 
.left250{margin-left:250px} 
.left180{margin-left:180px} 
.left170{margin-left:170px} 
.left160{margin-left:160px} 
.left150{margin-left:150px} 
.left140{margin-left:140px}
.left130{margin-left:130px}
.left100{margin-left:100px} 
.left90{margin-left:90px}
.left80{margin-left:80px}
.left70{margin-left:70px} 
.left50{margin-left:50px} 
.left40{margin-left:40px} 
.left35{margin-left:35px} 
.left30{margin-left:30px} 
.left25{margin-left:20px} 
.left20{margin-left:20px} 
.left15{margin-left:10px} 
.left10{margin-left:10px} 
.left8{margin-left:8px} 
.left5{margin-left:5px} 
.right100{ margin-right:100px}
.right20 { margin-right: 20px}
.right15 { margin-right: 15px}
.right10 { margin-right: 10px}
.right8	{ margin-right: 8px}
.right6	{ margin-right: 6px}
.right5	{ margin-right: 5px}
.topmenu{margin-top:285px}
.top100{margin-top:100px}
.top50{margin-top:50px}
.top40{margin-top:40px}
.top35{margin-top:35px}
.top30{margin-top:30px}
.top25{margin-top:25px} 
.top20{margin-top:20px} 
.top15{margin-top:15px} 
.top10{margin-top:10px} 
.top8{margin-top:8px} 
.top5{margin-top:5px} 
.top3{margin-top:3px} 
.vertical10 { margin-top: 10px ;
			margin-bottom: 10px
}
.vertical20 { margin-top: 20px ;
			margin-bottom: 20px
}
.side10 {	margin-left: 10px;
			margin-right: 10px
}
.bottom200	{ margin-bottom: 200px; }
.bottom100	{ margin-bottom: 100px; }
.bottom50	{ margin-bottom: 50px; }
.bottom40	{ margin-bottom: 40px; }
.bottom30	{ margin-bottom: 30px; }
.bottom		{ margin-bottom: 20px; }
.bottom15	{ margin-bottom: 15px; }
.bottom10	{ margin-bottom: 10px; }
.bottom6	{ margin-bottom: 6px; }
.bottom5	{ margin-bottom: 5px; }
.bottom2	{ margin-bottom: 2px; }

.navibottom	{ margin-bottom: 16px; }

/* 文字位置揃え */
.left{ text-align:left }
.center{ text-align:center }
.right{ text-align:right }

/*introduction背景*/
.bg {
	background-repeat: no-repeat;
	background-position: top;
}

.fb{ background-color : #ffffff ; }
.box2    { background-color : #e0e0e0 ; width : 240px ; }
.box3    { background-color : #e0e0e0 ; width : 344px ; height : 10em ; }
.zip1    { background-color : #e0e0e0 ; width :  60px ; }
.zip2    { background-color : #e0e0e0 ; width :  70px ; }

.asp_bg {
	background-image:  url(../img/asp2_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


/*FAQのページ用*/
.faq{
position:absolute;
display:block;
margin:0;
width:325px;
height:15px;
background-color:#FFFFFF;
list-style-position:inside;
list-style-image:url(../img_common/list.gif);
}


#faq a{
height:15px;
}

.faq01 a{background-position:0px -5px;}
.faq02 a{background-position:-30px -5px;}
.faq03 a{background-position:-60px -5px;}
.faq04 a{background-position:-90px -5px;}
.faq05 a{background-position:-120px -5px;}

.faq01 a:hover{background-position:0px -23px;}
.faq02 a:hover{background-position:120px -23px;}
.faq03 a:hover{background-position:90px -23px;}
.faq04 a:hover{background-position:60px -23px;}
.faq05 a:hover{background-position:30px -23px;}

.faq01-on a{background-position:0px -23px;}
.faq02-on a{background-position:120px -23px;}
.faq03-on a{background-position:90px -23px;}
.faq04-on a{background-position:60px -23px;}
.faq05-on a{background-position:30px -23px;}



/*ヘッダーサブメニュー制作実績・会社概要・・・の設定*/


#navi01 a{background-position:0px -5px;}
#navi02 a{background-position:-60px -5px;}
#navi03 a{background-position:-120px -5px;}
#navi04 a{background-position:-180px -5px;}
#navi05 a{background-position:-240px -5px;}

#navi01 a:hover{background-position:0px -23px;}
#navi02 a:hover{background-position:240px -23px;}
#navi03 a:hover{background-position:180px -23px;}
#navi04 a:hover{background-position:120px -23px;}
#navi05 a:hover{background-position:60px -23px;}

#navi01-on a{background-position:0px -23px;}
#navi02-on a{background-position:240px -23px;}
#navi03-on a{background-position:180px -23px;}
#navi04-on a{background-position:120px -23px;}
#navi05-on a{background-position:60px -23px;}


h1,div#indexh1 {
	font-size:10px;
	font-weight:normal;
	line-height:100%;
	margin: 0 0 0 0px;
	padding: 0 0 0 15px;
}

h2 {
	font-size:10px;
	font-weight:normal;
	line-height:150%;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

h3 {
	font-size:10px;
	font-weight:normal;
	line-height:140%;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

.normal h3 {
	font-size:100%;
	font-weight:normal;
	line-height:140%;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

.bold3 h3 {
	font-size:90%;
	font-weight:bold;
	line-height:140%;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

h4 {
	font-size:10px;
	font-weight:normal;
	line-height:100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.normal h4 {
	font-size:100%;
	font-weight:normal;
	line-height:100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


.footer h4{
	font-size:10px;
	font-weight:normal;
	line-height:100%;
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

h5 {
	font-size:12px;
	font-weight:normal;
	line-height:150%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h6 {
	font-size:12px;
	font-weight:normal;
	line-height:150%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h1#index{
	font-size:10px;
	font-weight:normal;
	line-height:1;
	margin:0;
	padding:0 0 3px;
	border-bottom:1px solid #ccc;
	width:760px;
}

div.indexTxt{
	font-size:10px;
	padding:3px;
}
div.indexTxt h2{
	margin:0;
	padding:0;
	font-size:1em;
}
div.indexTxt p{
	margin:0;
	padding:0;
}




/*	intern 20110905	*/

.bgpink {background: #FCDDFC;}
.bgyellow {background: #FFFF66;}
.bggreen {background: #D4FF94}



.clear {clear:both;}

#intern {margin-left:15px; width:580px ; font-size:12px; line-height:1.5}

#intern .index {background: url(../_intern/images/index/bg.jpg) no-repeat;
height:436px;}
#intern .index p.btn1 {margin:230px 0 5px 15px; display:inline; float:left}
#intern .index p.btn2 {margin:190px 0 20px 5px; display:inline; float:left}
#intern .index p.btn3 {margin:180px 0 5px 5px; display:inline; float:left}

#intern .navi { clear:both}
#intern .navi p{ display:inline;float:left; padding:0; margin:0}

#intern .top_l {width:250px; float:left; display: inline; margin-top:10px;}
#intern .top_r {width:250px; margin-left:70px; float:left; display: inline; margin-top:10px }

#intern .list_l {width:220px; float:left; display: inline; margin-left:35px;}
#intern .list_r {width:220px; margin-left:70px; float:left; display: inline;}

#intern .list_l img , #intern .list_r img{ margin-bottom:10px;}

#intern div.listb { background:url(../_intern/images/list/listborder.gif)  no-repeat; padding-top:10px}

#intern .entryb {background:url(../_intern/images/interview/bg2.gif) no-repeat;
height:184px; margin-left:30px; margin-top:30px;
padding:5px 0;
width:530px} 

#intern table.form{ border-top:2px solid #6DC8DF;
border-bottom:2px solid #6DC8DF;}

#intern table.form input , #intern table.form textarea , #intern table.form select{ background-color:#FAFAFA;
border:#D9D9D9 1px solid;
padding:4px}

#intern table.form th { background:url(../_intern/images/entry/formbg.jpg) repeat;
border-bottom:1px solid #D4D4D4;
padding:12px 5px 12px 15px;
 text-align:left;
 width:123px;
 border-top:1px solid #FFFFFF}
#intern table.form td { padding:12px 5px 12px 15px;
text-align:left;
border-bottom:1px solid #D4D4D4;
 border-top:1px solid #FFFFFF}

#intern div.name {color:#008EBD;
font-weight:bold;
margin-bottom:5px}

#intern .interview { background-image:url(../_intern/images/interview/bg_top.jpg); background-repeat:no-repeat;
height:24px; margin-top:15px}
#intern #interviewbg { background-image:url(../_intern/images/interview/bg_center.jpg);
padding:15px 20px 20px 20px;}

#interviewbg .qa_t {float:left;
width:280px;
color:#008EBD;
padding:0 15px 0 10px;
border-right:1px solid #64C5DD;
margin-right:20px;}

#interviewbg .qa_n {
display:inline;
width:200px;
font-weight:bold;
font-size:16px;
padding-bottom:20px} 

#interviewbg .qa_b {border-bottom:1px #64C5DD dashed;
margin:0 0 15px 10px;
width:515px}

#interviewbg .q{ background-image:url(../_intern/images/interview/icon1.gif);
background-repeat:no-repeat;
padding-left:35px;
margin-bottom:15px;
height:30px;
margin-left:10px}

#interviewbg .q p { padding:5px 0 0 0; 
font-size:14px;
font-weight:bold;
color:#008EBD;
width:480px}

#interviewbg .a{ background-image:url(../_intern/images/interview/icon2.gif);
background-repeat:no-repeat;
padding-left:35px;
padding-bottom:20px;
border-bottom:1px #64C5DD dashed;
width:480px;
margin-left:10px}

#intern .pager {margin-top:20px;
float:left;
background-image:url(../_intern/images/intern/page_next.gif);
background-repeat:no-repeat;
padding-left:20px;}

#intern .pager div {display:inline;
margin-left:350px;
float:right;
background-image:url(../_intern/images/intern/page_back.gif);
background-repeat:no-repeat;
background-position:right;
padding-right:20px}


#intern .pager a:link   {text-decoration: underline;color:#008EBD}
#intern .pager a:visited{text-decoration: underline;color:#008EBD}
#intern .pager a:hover  {text-decoration: none;color:#008EBD}




#intern  .j18 {font-size:18px;}

#intern  .j16 {font-size:16px;}