@charset "utf-8";
/* CSS Document */

/* head
------------------------------------------------------------ */
#head {
	margin: 0 auto;
	width: 910px;
	height:110px;
}


#head-top {
	width: 910px;
	height:55px;
}


#head-navi {
font-size: 81.3%;
padding: 35px 15px 0 15px;
background:url(../../img/head_bg_att_xre.gif) top left repeat-x;
}
#head-navi ul{

}
#head-navi li{
background: url(../img/y_icon_1.gif) 0 1px no-repeat ;
padding: 0 0 0 15px;
margin: 0 0 0 15px;
display: inline;
}
#head-navi li a{
color: #FFFFFF;
text-decoration: underline;
height: 20px;
}
#head-navi li a:hover{
color: #FFFFFF;
text-decoration: none;
}

#logo {
float: left;
display: inline; 
padding: 0 0 0 5px;
}
#logo h1{
display: inline;
}
#head-navi {
float: right;
margin: 0 0 0 0;
vertical-align: top;
}




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


#g-navi {
width: 910px;
height: 56px;
margin: 0 0 0 0;
background: url(../img/g_navi_bg.gif) no-repeat;
}
#g-navi ul{
list-style: none;
margin: 0 0 0 5px;
}
#g-navi li{
display: inline;
}

#main {
padding: 0 0 20px 0;
}

#content {
width:630px;
margin: 0 20px 0 0;
padding: 0 0 0 20px;
float: left; 
}
#side {
margin: 0 0 0 0;
width: 200px;
float: right;
}

#crumb {
margin: 0 0 40px 20px;
padding: 15px 0 0 0;
font-size: 81.3%;
}

#crumb span{
padding: 0 0 0 12px;
margin: 0 0 0 3px;
background:url(../img/y_icon_8.gif) 0 1px no-repeat;
}


/* content
---------------------------------------------------------------*/
#h1 {
background: url(../img/h1_bg_foot.gif) bottom left no-repeat;
padding: 0 0 3px 0;
}
#h1-head {
background: url(../img/h1_bg_head.gif) top left no-repeat;
padding: 3px 3px 0 3px;
}

#h1-inner {
background: url(../img/h1_bg_yre.gif) top left repeat-y;	
padding: 0 0 3px 0;
line-height: 158.4%;/*19pt*/
}
#h1 p {
padding: 13px;	
}

.h2-block {
margin: 40px 0 0 0;
}
.h2-block-harf {
width: 305px;
margin: 0 20px 0 0;
float: left;
display: inline;
}
.h2-block .right {
margin: 0 0 0 0;
}
.h2-block ul {
margin: 0 0 0 10px;
}
.h2-block li {
margin: 0 0 5px 0;
}

h2 {
height: 25px;
background: url(../img/h2_bg.gif) top left no-repeat;
padding: 5px 0 0 10px;
margin: 0 0 20px 0;
font-size: 100%;
font-weight:bold;
}
h2 span.att{
color: #fe0115;
}
.h2-block-harf h2 {
height: 25px;
width: 295px;
background: url(../img/h2_bg.gif) top left no-repeat;
padding: 5px 0 0 10px;
margin: 0 0 20px 0;
font-size: 100%;
font-weight:bold;
}






.inquiry-block {
background: url(../img/inquiry_bg.gif) top left no-repeat;
width: 630px;
height: 62px;
padding: 25px 0 0 0;
margin: 40px 0 20px 0;
}
.inquiry-block p{
display: inline;
float: left;
}
.inquiry-block .inquiry-txt {
margin: 12px 0 0 40px;
color: #3ca8ed;
font-weight: bold;
fot-size: 100%;
}
.inquiry-block .inquiry-btn {
margin: 0 0 0 30px;
}




/* under-banner
------------------------------------------------------------ */
#under-banner {
margin: 70px 0 0px 0;
padding: 0 0 0 0;
float: right;
}
#under-banner li {
margin: 0 0 0 10px;
width: 140px;
height: 50px;
float: left;
}
#under-banner li a img{
border: 1px solid #eaeaea;
}

#under-banner li a:hover img{
border: 1px solid #fccd1a;
}
#under-banner li a img{
padding: 1px;
}



/* side
------------------------------------------------------------ */

#side #navi {
margin: 0 0 60px 0;
}
#side #navi li{
font-size: 100%;
margin: 0;
}
#side #navi li a{
text-decoration: none;
width: 172px;
height: 14px;
padding: 10px 10px 10px 20px;
display: block;
}
#side #navi li.tc{
background: #0a65a0 url(../img/y_icon_3.gif) 8px 11px no-repeat;
color: #fff;
font-weight: bold;
}
#side #navi li.tc a{
color: #fff;
}
#side #navi li.tn{
background: #ebebeb url(../img/y_icon_5.gif) 8px 11px no-repeat;
color: #787878;
font-weight: bold;
}
#side #navi li.tn a{
color: #787878;
}

#side #navi li.sc{
background: #fff url(../img/y_icon_6.gif) 8px 11px no-repeat;
color: #0085dc;
font-weight: bold;
}
#side #navi li.sc a{
color: #0085dc;
}

#side #navi li.sn{
background: #fff url(../img/y_icon_7.gif) 8px 11px no-repeat;
color: #606060;
}
#side #navi li.sn a{
color: #606060;
}

#side #navi li .dot{
background: url(../img/dot_xre.gif) left bottom repeat-x;
padding: 0 0 1px 0;
height: 33px;
width: 202px;
display: block;
}



/* hosting page price add 0210*/

#hostingpr	{ border: 1px solid #DCDCDC; border-collapse: collapse; vertical-align:top;}
#hostingpr td	{ border: 1px solid #DCDCDC;vertical-align:top; padding: 5px;}
#hostingpr td p	{ color: #666; margin-top: 15px; font-size: 13px;}
#hostingpr td.bgbl	{ padding: 5px; background: #e6f1f9;}
#hostingpr td.bggr	{ padding: 5px; background: #e0f1da;}
#hostingpr td.bgrd	{ padding: 5px; background: #f8e0ea;}

.ftr_pr		{color: #f1502b; font-weight: bold; font-size:15px;}