@charset "utf-8";

/* tag */
body {
	background: url(../common/img/cmmn_bg.gif) center top;
	margin: 0;
	padding: 0;
	}

/* utilities */
.as_cmmn_clr {
	clear: both;
	margin: 0;
	padding: 0;
	}

/* link */
.as_cmmn_link,
div#as_cmmn_header a,
div#as_cmmn_right a,
div#as_cmmn_footer a {
	text-decoration: underline;
	color: #003366;
	}
a.as_cmmn_link:hover,
div#as_cmmn_header a:hover,
div#as_cmmn_right a:hover,
div#as_cmmn_footer a:hover {
	color: #0066CC;
	}
.as_cmmn_link2 {
	text-decoration: underline;
	color: #006699;
	}
a.as_cmmn_link2:hover {
	color: #0066FF;
	}

/* bg */
#as_cmmn_base {
	background: url(../common/img/cmmn_bg_mid.gif) repeat-y center top;
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center
	}
#as_cmmn_base_in {
	width: 878px;
	margin: 0 auto;
	padding: 0 0 15px 0;
	text-align: left;
	}


/* header --- base */
#as_cmmn_header {
	width: 100&;
	height: 145px;
	background: url(../common/img/cmmn_header_bg.jpg) no-repeat center top;
	margin: 0 auto;
	padding: 0;
	}
#as_cmmn_header-r {
	width: 550px;
	float: right;
	}
#as_cmmn_header-l {
	width: 300px;
	float: right;
	}
#as_cmmn_logolink {
	margin: 0;
	padding: 0 0 18px 0;
	}
div#as_cmmn_logolink a{
	width: 300px;
	height: 78px;
	display: block;
	text-indent: -200px;
	font-size: 1px;
	overflow: hidden;
	}
	
#as_cmmn_logo {
	margin: 0;
	padding: 8px 10px 0 0;
	text-align: right;
	font-size: small;
	line-height: 1em;
	font-weight: normal;
	color: #FFFFFF;
	}




/* header --- gnavi-sub */
#as_cmmn_gnavi_sub {
	margin: 25px 0 0 200px;
	padding: 5px 0 0 0;
	text-align: left;
	list-style-type: none;
	}
ul#as_cmmn_gnavi_sub li {
	float: left;
	margin: 0;
	padding: 0;
	}
ul#as_cmmn_gnavi_sub a {
	display: block;
	font-size: x-small;
	text-decoration: none;
	text-align: left;
	padding: 5px 0 10px 26px;
	}
#as_cmmn_gnavi_sub01 {
	width: 80px;
	}
#as_cmmn_gnavi_sub02 {
	width: 90px;
	}
#as_cmmn_gnavi_sub03 {
	width: 90px;
	}
li#as_cmmn_gnavi_sub01 a{
	background: url(../common/img/cmmn_header_icon01.jpg) no-repeat 0px 0px;
	}
li#as_cmmn_gnavi_sub02 a{
	background: url(../common/img/cmmn_header_icon02.jpg) no-repeat 0px 0px;
	}
li#as_cmmn_gnavi_sub03 a{
	background: url(../common/img/cmmn_header_icon03.jpg) no-repeat 0px 0px;
	}

/* header --- gnavi-main */
#as_cmmn_gnavi {
	background: url(../common/img/cmmn_navi_bg.jpg) repeat-x center top;
	margin: 0;
	padding: 0 0 0 28px;
	}
div#as_cmmn_gnavi ul,
div#as_cmmn_gnavi li,
div#as_cmmn_gnavi a {
	margin: 0;
	padding: 0;
	height: 33px;
	font-size: 0px;
	line-height: 1em;
	overflow: hidden;
	}

div#as_cmmn_gnavi ul {
	list-style-type: none;
	}
div#as_cmmn_gnavi li {
	float: left;
	color: #FFFFFF;
	text-indent: -200px;
	}
div#as_cmmn_gnavi a {
	display: block;
	margin: 0 10px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
	color: #333333;
	text-align: left;
	text-indent: -200px;
	}
div#as_cmmn_gnavi a:hover {
	color: #333333;
	}
/* タブ：選択なし */
ul#as_cmmn_gnavi_ot {
	background: url(../common/img/cmmn_navi.jpg) no-repeat 0px 0px;
	}
/* タブ：共用選択 */
ul#as_cmmn_gnavi_ah {
	background: url(../common/img/cmmn_navi_ah.jpg) no-repeat 0px 0px;
	}
/* タブ：VPS選択 */
ul#as_cmmn_gnavi_avs {
	background: url(../common/img/cmmn_navi_avs.jpg) no-repeat 0px 0px;
	}
/* タブ：専用選択 */
ul#as_cmmn_gnavi_as {
	background: url(../common/img/cmmn_navi_as.jpg) no-repeat 0px 0px;
	}
/* タブ：メールフィルター選択 */
ul#as_cmmn_gnavi_amf {
	background: url(../common/img/cmmn_navi_amf.jpg) no-repeat 0px 0px;
	}
/* タブ：ドメイン選択 */
ul#as_cmmn_gnavi_ds {
	background: url(../common/img/cmmn_navi_ds.jpg) no-repeat 0px 0px;
	}
div#as_cmmn_gnavi a:hover {
	color: #333333;
	background-image: url(../common/img/cmmn_navi_o.jpg);
	}
#as_cmmn_gnavi01 {
	width: 155px;
	}
#as_cmmn_gnavi02 {
	width: 155px;
	}
#as_cmmn_gnavi03 {
	width: 155px;
	}
#as_cmmn_gnavi04 {
	width: 190px;
	}
#as_cmmn_gnavi05 {
	width: 155px;
	}
li#as_cmmn_gnavi01 a{
	background-position: -10px 0px;
	}
li#as_cmmn_gnavi02 a{
	background-position: -165px 0px;
	}
li#as_cmmn_gnavi03 a{
	background-position: -320px 0px;
	}
li#as_cmmn_gnavi04 a{
	background-position: -475px 0px;
	}
li#as_cmmn_gnavi05 a{
	background-position: -665px 0px;
	}




/* body */

#as_cmmn_body {
	margin: 0 26px;
	padding: 0;
	}

p.notice {
	color: #C00;
}


/* left */
#as_cmmn_left {
	width: 610px;
	float: left;
	text-align: left;
	border: 1px solid #CCCCCC;
	margin: 0;
	padding: 0;
	}
#as_cmmn_left_nb { /* 左側カラム　ボーダー無し */
	width: 610px;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	}


/* right */
#as_cmmn_right {
	width: 200px;
	float: right;
	text-align: left;
	padding: 0 0 10px 0;
	margin: 0;
	}
/* right --- banner */
.as_cmmn_r-btn01 {
	margin: 0;
	padding: 0 0 10px;
	text-align: right;
	}

/* right --- subnavi */
#as_cmmn_r-sn_m {
	background: url(../common/img/cmmn_subnavi_bg-m.jpg) repeat-y left top;
	margin: 0 0 15px 20px;
	padding: 0;
	}
#as_cmmn_r-sn_t {
	background: url(../common/img/cmmn_subnavi_bg-t.jpg) no-repeat left top;
	margin: 0;
	padding: 0;
	}
#as_cmmn_r-sn_b {
	background: url(../common/img/cmmn_subnavi_bg-b.jpg) no-repeat left bottom;
	margin: 0;
	padding: 10px 0 10px 0;
	}
#as_cmmn_r-sn_ul1 {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
.as_cmmn_r-sn_li1 {
	margin: 4px 24px 4px 12px;
	padding: 4px 0 6px 16px;
	font-size: small;
	line-height: 1.2em;
	color: #666666;
	background: url(../common/img/cmmn_subnavi_marker01.jpg) no-repeat 0px 4px;
	border-bottom: 1px solid #DDDDDD;
	}
.as_cmmn_r-sn_ul2 {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
.as_cmmn_r-sn_li2 {
	margin: 0;
	padding: 5px 0 0px 12px;
	font-size: small;
	line-height: 1.2em;
	color: #666666;
	background: url(../common/img/cmmn_subnavi_marker02.jpg) no-repeat 0px 4px;
	}
div#as_cmmn_r-sn_b a {
	display: block;
	}

/* footprint */
#as_cmmn_footprint {
	margin: 10px 40px 5px 35px;
	padding: 0
}
#as_cmmn_footprint p {
	font-size: small;
	padding: 0;
	margin: 0;
}
#as_cmmn_footprint p.right {
	text-align: right;
}

/* footer */
/* footer --- base */
#as_cmmn_footer {
	width: 824px;
	background: url(../common/img/cmmn_footer_bg-m.jpg) repeat-y center top;
	margin: 5px 0 0 28px;
	padding: 0;
	height: 100%;
	text-align: left;
	}
#as_cmmn_footer-t {
	background: url(../common/img/cmmn_footer_bg-t.jpg) no-repeat center top;
	margin: 0;
	padding: 0;
	height: 100%;
	}
#as_cmmn_footer-b {
	background: url(../common/img/cmmn_footer_bg-b.jpg) no-repeat center bottom;
	margin: 0;
	padding: 0;
	height: 100%;
	}

/* footer --- totop */
#as_cmmn_totop {
	text-align: right;
	font-size: x-small;
	padding: 0px 28px 4px 0;
	margin: auto;
	}

/* footer --- navi */
#as_cmmn_footer_navi {
	margin: 0 34px;
	padding: 10px 0 20px 0;
	}
div#as_cmmn_footer_navi ul {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
div#as_cmmn_footer_navi li {
	margin: 8px 0;
	padding: 0;
	font-size: small;
	line-height: 1em;
	}
#as_cmmn_footer_navi01 {
	width: 40%;
	}
#as_cmmn_footer_navi02 {
	width: 30%;
	}
#as_cmmn_footer_navi03 {
	width: 30%;
	}

/* footer --- copyright */
#as_cmmn_copyright {
	clear: both;
	text-align: left;
	margin: 0 34px;
	padding: 10px 0 13px 0;
	font-size: x-small;
	line-height: 1em;
	color: #666666;
	}
div#as_cmmn_copyright a {
	display: block;
	text-align: right;
	margin: -18px 0px 0 0;
	}