@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;}


/* 余白背景 */
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;
}