@charset "shift_jis";


/*ブラウザ初期設定のリセット
----------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

/*全共通スタイル
----------------------------------------------*/
body {
	color: #555555;
	font-size: 80%;
	line-height: 1.5;
	text-align: center;
	background: #dddddd url(images/back.gif) top repeat-x;
	font-family: "Hiragino Kaku GothicPro", Osaka, Geneva, Helvetica, Arial, sans-serif;
}

img{
	border: none;
}

p {
	padding: 0.5em 0;
}

strong {
	font-weight:bold;
}

h2, h3 {
	margin: 0;
	padding: 0;
	font-size:110%;
	font-weight: bold;
}

#main h2, h3 {
	margin: 0.5em 0;
}

address {
	text-indent:-9999px;
}

.clear {
	clear: both;
}
.center {
	text-align: center;
}
#main img.topcaps {
	margin: 10px 10px 10px 0;
	float:left;
}

span {
	color: #cc0000;
	font-weight: bold;
}


.small {
	font-size:90%;
	text-align: right;
	line-height:1.2em;
	margin: 0;
	padding: 0;
}
/*ulタグ設定
----------------------------------------------*/
ul {
	list-style:none;
	margin: 0.5em;
}

li {
	margin: 0;
	padding: 0; 	
}

/*dlタグ設定
----------------------------------------------*/
dl{
}
dt{
	font-weight:bold;
	padding-left: 15px;
	margin: 0.3em 0.5em 0.2em 0.5em;
	font-size:110%;
	background: url(images/dt.gif) left center no-repeat;
	
}
dd{	padding: 0;
	margin: 0 0.5em 0 2em;
}
#info dl{
	margin: 0;
	padding: 5px 0 10px 10px;
	clear:both;
}
#info dt{
	font-size:100%;
	font-weight: normal;
	padding:0;
	margin:0;
	border: none;
	background: none;
	
}
#info dd{
	padding: 0 0 0 1.5em;
	margin: -1.5em 0 0 5.5em;
	border: none;
	background: url(images/info-list.gif) 7px 5px no-repeat;
}

#main dl.sample {
	margin: 4px;
	padding: 0;
	width:200px;
	float:left;

}
#main dt.sample {
	margin: 0;
	padding: 0;
	width:200px;
	background: none;
	text-align: center;
}
#main dd.sample {
	margin: 0 10px;
	padding: 0;
	width: 180px;
	font-size: 92%;
}
#main dd.sample a:link{
	border: none;
}
#main dd.sample a:visited{
	border: none;
}
#main dd.sample a:hover{
	border: none;
}
/*tableタグ設定
----------------------------------------------*/
table {
	border-collapse:collapse;
	border: solid 3px #FFFFFF;
	margin: 0.5em 10px;
	width:400px;
}
th {
	color:#666666;
	background: #ffffff;
	border-right: none 1px #333333;
	border-top : #333333 none 1px;
	padding: 0.3em;
	font-weight:bold;
	text-align:center;
}

td {
	padding: 0.3em;
	border-top : #333333 solid 1px;
	border-right: solid 1px #333333;
}

/*linkタグ設定
----------------------------------------------*/
a:link {
	color: #006699;
	background: #ffffff;
	border-bottom:0px solid;
}

a:visited {
	color: #006699;
	background: #ffffff;
	border-bottom:0px solid;
}

a:hover {
	color: #ff0000;
	background: #ffffff;
	border-bottom: 0px solid;
}

/*countainer
----------------------------------------------*/
#container {
	color:#555555;
	background: #ffffff url(images/cback.gif);
	margin: 0 auto;
	padding:0 ;
	width: 800px;
	text-align: left;
}
#intro {
	margin: 0;
	padding: 0;
	background: url(images/intro.gif) top no-repeat;
}

#header{
	margin: 0;
	padding: 0 15px;
	width:790px;
	height:60px;
	background: url(images/headercaps.gif) 220px 20px no-repeat;
}

#header a {
	border: none;
	font-size: 200%;
	background: none;
}

/*IEのみ
----------------------------------------------*/
* html #column {
	margin: 0;
	padding: 0;
	width: 600px;
	float: right;
}
* html #main {
	margin: 0 5px;
	padding: 0;
	width: 420px;
	float: left;
}
* html #side {
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	width: 145px;
	float: right;
}
/*IEのみここまで
----------------------------------------------*/

/*IE以外
----------------------------------------------*/
html[xmlns] #column {
	margin: 0;
	padding: 0;
	width: 600px;
	float: right;

}
html[xmlns] #main {
	margin: 0 10px;
	padding: 0;
	width: 420px;
	float:left;
}
html[xmlns] #side {
	margin: 0 20px 0 0;
	padding: 0;
	width: 130px;
	float: right;

}
/*IE以外ここまで
----------------------------------------------*/

#side a {
	border: none;
}


#side p.faq {
	font-size: 90%;
	line-height: 1.3em;
	color: #006699;
	text-align:center;
}

#mc a:link{
	margin :0;
	padding: 0;
	display:block;
	width: 130px;
	height: 50px;
	background: url(images/maila.gif) 0 0;
	border:none;
	text-indent:-9999px;
}
#mc a:visited{
	margin :0;
	padding: 0;
	display:block;
	width: 130px;
	height: 50px;
	background: url(images/maila.gif) 0 0;
	border:none;
	text-indent:-9999px;
}
#mc a:hover{
	margin :0;
	padding: 0;
	display: block;
	width: 130px;
	height: 50px;
	background: url(images/maila.gif) 0 50px;
	border:none;
	text-indent:-9999px;
}
#footer {
	clear: both;
	text-align: center;
	height: 40px;
	background: url(images/footer.gif) bottom center no-repeat;
}

/*formpage設定
----------------------------------------------*/

#law {
	overflow:auto;
	margin: 10px 0;
	width: auto;
	padding: 0 0.5em;
	height: 150px;
	border: 1px solid #999999;
}

#mail {
	margin: 0 10px;
	width: 400px;
}

#mail dt{
	border-left: none;
	width: 5em;
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	padding: 0.5em 10px 0.5em 0;
	text-align: right;
	background: none;
	
}
#mail dd{
	border-left: none;
	padding:0.5em;
	margin: -2.5em 0 0 5.5em;
}


/*ナビゲーション
----------------------------------------------*/
* html #navi {
	margin: 0 0 0 5px;
	padding: 0;
	width: 190px;
	background: url(images/menuback.gif);
	float:left;
}

html[xmlns] #navi {
	margin: 0 0 0 10px;
	padding: 0;
	width: 190px;
	background: url(images/menuback.gif);
	float:left;
}

#navi ul {
	margin:  0;
	padding: 5px 0;
}

#navi li {
	margin: 0 10px;
	padding : 0;
}

#navi li a:link {
	margin: 0 10px;
	padding: 0 0 0 14px;
	border: none;
	background: url(images/a.gif) left center no-repeat;
}

#navi li a:visited {
	margin: 0 10px;
	padding: 0 0 0 14px;
	border: none;
	background: url(images/a.gif) left center no-repeat;
}

#navi li a:hover {
	margin: 0 10px;
	padding: 0 0 0 14px;
	border: none;
	background: url(images/b.gif) left center no-repeat;
}
/*ナビゲーションタイトル
----------------------------------------------*/
#navi h2{
	margin: 0;
	padding: 0;
	width: 190px;
	height: 40px;
	background: url(images/menutitle.gif);
	text-indent: -9999px;
}

#navi h3.hpmake{
	margin: 0 10px;
	padding: 0;
	width: 170px;
	height: 40px;
	background: url(images/hpmake.gif);
	text-indent: -9999px;
}
#navi h3.option{
	margin: 0 10px;
	padding: 0;
	width: 170px;
	height: 40px;
	background: url(images/option.gif);
	text-indent: -9999px;
}
#navi h3.hosting{
	margin: 0 10px;
	padding: 0;
	width: 170px;
	height: 40px;
	background: url(images/hosting.gif);
	text-indent: -9999px;
}
#navi h3.pri{
	margin: 0 10px;
	padding: 0;
	width: 170px;
	height: 40px;
	background: url(images/privilege.gif);
	text-indent: -9999px;
}
/*サブナビゲーション
----------------------------------------------*/
#subnavi {
	margin: 0 0 0 650px;
	padding: 0;
	width: 150px;
	position: absolute;
	top: 0;
}

#subnavi a{
	border: none;
}

#subnavi li{
	margin: 0 2px;
	padding : 0;
	float: left;
}th1 {

	color:#666666;
	background: #ffffff;
	border-right: none 1px #333333;
	border-top : #333333 none 1px;
	padding: 0.3em;
	font-weight:bold;
	text-align:center;
}

.sample6 th	{
	background: #acebff;
	border-top: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	border: 3px solid #FFFFFF;
}
.sample6 td	{
	background: #E4F7FD;
	border-bottom: 3px solid #FFFFFF;
	border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	border: 3px solid #FFFFFF;
}

.value th	{
	background: #fdd0d6;
	border-top: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	border: 3px solid #FFFFFF;
}
.value  td	{
	background: #fde1e4;
	border-bottom: 3px solid #FFFFFF;
	border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	border: 3px solid #FFFFFF;
}
.none  td {
	color:#CCCCCC;
	background: #ffffff;
	border-right: none #333333 1px;
	border-top : none #333333 1px;
	padding: 0.3em;
	font-weight:bold;
	text-align:center;
	border-left: solid #E73330 1px;
}

.none  td {
	padding: 0.3em;
	border-top : none #333333 1px;
	border-right: none 1px #333333;
	border-left: solid #CCCCCC 4px;
}