/* initialize and formatting */
* {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "Osaka", "メイリオ","Meiryo","ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Myriad, Helvetica, Arial, sans-serif;
}




.text-right {
	font-size: 13px;
	color: #333333;
	margin: 8px 9px 8px 0;
	text-align: right;
	padding: 5px 13px 2px 25px;
	background: url(./image/right-link.gif) no-repeat 0% 50%;	
	float: right;
}

body {
	margin: 10px; padding: 0;
	text-align: left;
	background: #cef2ff url(./image/body.png) repeat-x center top;
	background-attachment: normal;
	}
  
img{
	border: none;
}


a {
 text-decoration: none;
 outline: none;
 }

a:link {
	color:  #0098cd;
	font-weight: bold;
}

a:visited {
	color:  #0098cd;
	font-weight: bold;
}

a:active {
	text-decoration: underline;
	color: #afcf3b;
}

a:hover {
	text-decoration: underline;
	color: #afcf3b;
}

hr { 
	border-top: 2px dotted #cccccc;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	margin: 5px 10px 10px 10px;
}


#container {
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 800px;
}

/*-- レイアウトヘッダー--*/
#header {
	width: 800px;
	margin: 0 auto;
}


#top {
	width: 800px;
	height: 150px;
	background: url(./image/head.png) repeat-x;
	margin: 1px 0 0 0;
}

h1 {
	margin: 0;
	color: #606060;
	font-size: 14px;
	font-weight: bold;
	border: #cccccc solid 0px;
	padding: 7px 0 0 51px;
}


#main-navi {
	width: 800px;
	background: #cccccc url(image/top-menu.png) no-repeat;
	height: 40px;
	margin: 2px 0 0 0;
}

#main-navi li{
	display: inline;
	background: url(image/topmenu_line.gif) no-repeat right;
	float: left;
	height: 40px;
}

#main-navi li a {
  color: #ffffff;
	text-decoration: none;
	font-size: 13px;
	display: block;
	width: 190px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 40px;
	font-weight: bold;
}


#main-navi li a:hover {
	background: url(image/top-menuov.png);
	color: #ffffff;
}

#main-navi li#right {
	background: none;
}


/*-- レイアウトメイン--*/
#main{
	width: 798px;
	text-align: left;
	margin: 1px auto 0px auto;
	background: #d9efff url(./image/main01.gif) repeat-y 0% 0%;
	border: #cccccc solid 1px;
 }

/*-- レイアウト右--*/
#rightside { 
	float: right;
	text-align: left;
	margin: 0px 10px 0px auto;
	width: 580px;
	background:  #ffffff;
    border:  0px dashed #E6E6E6;
}


.article-main {
	width: 580px;
	margin: 5px auto 0 auto;
	padding: 0 0 5px 0;
    border:  0px dashed #E6E6E6;
}

.article-main h2 {
	width: 530px;
	text-align: left;
 	margin: 5px 0px 5px 0px;
}


.article-main h3 {
	width: 520px;
	height: 23px;
	text-align: left;
	background: url(./image/menuleft.gif) no-repeat;
 	margin: 5px 0 5px 20px;
	font-size: 14px;
	color: #4282fc;
	padding: 1px 0px 0px 13px;
	line-height: 21px;
}

.article-main p{
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 1px;
	color: #4E4E4E;
	margin: 10px 30px 0px 30px;
}


.article-main p.siteimg {
	font-size: 13px;
	float: left;
	margin: 8px 12px 3px 25px;
	width: auto;
	height: auto;
	border: 0px dotted #cccccc;
}

.article-main p.siteimg img {
  border: none;
}



.article-main p.siteimg-r {
	font-size: 13px;
	float: right;
	margin: 13px 30px 1px 12px;
	width: auto;
	height: auto;
}

.article-main p.sitephoto-r img {
  border: none;
}

.article-main p.fclear {
  clear: both;
  height: 0;
}

.right-btn {
	float: right;
	margin: 5px 30px 5px 30px; 
    border:  0px dashed #E6E6E6;
}

.right-btn a{
	float: right;
	width: 210px;
	height: 60px;
	margin: 3px  auto 0 auto;
	display: block;
	background: url(image/server-detail.png) no-repeat 50% 50%;
	text-indent: -9999px;
}

.right-btn a:hover{
	background: url(image/server-detailov.png) no-repeat 50% 50%;
}


.center-bnr{
	text-align: center;
	margin: 10px auto 10px auto; 
}


.center-bnr a#domain1{
	width: 478px;
	height: 90px;
	margin: 10px auto 0 auto;
	display:block;
	background:url(image/domain.png) no-repeat 0% 0%;
	text-indent: -9999px;
}
.center-bnr a#domain1:hover{
	background:url(image/domain-ov.png) no-repeat 0% 0%;
}


.ranking{
	width: 570px;
	margin: 5px auto 0 8px;
	padding: 0;
	background: url(image/rank-top.png) no-repeat 0% 0%;
}

.ranking h3{
	background: none;
	color: #4282fc;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	text-align: left;
	padding: 26px 0px 0px 32px;
}
.ranking-body {
	width: 570px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background: url(image/rank-body.png) repeat-y 0% 0%;
}

.ranking-foot {
	width: 570px;
	margin: 0px auto 0 auto;
	padding: 0 0 5px 0;
}

.ranking-center{
	text-align: center;
	margin: 15px auto 0px auto; 
	font-size: 13px;
	font-weight: bold;
	color: #c82113;
	padding: 5px 0 0 0;
}


.ranking p{
	margin: 5px 38px 0px 30px;
}

.ranktext-right {
	font-size: 13px;
	color: #333333;
	margin: 8px 20px 8px 0;
	text-align: right;
	padding: 5px 13px 2px 25px;
	background: url(./image/right-link.gif) no-repeat 0% 50%;	
	float: right;
}

.ranking hr{
	margin: 7px 34px 1px 24px;
}

.link-list {
	width: 520px;
	margin: 5px auto 0 30px;
	padding: 0 0 5px 0;
    border:  1px dashed #E6E6E6;
}

.link-list ul {
	padding: 0;
	margin: 2px 20px 0 10px;
	border: #4A7BB0 solid 0px;
}

.link-list ul li { 
	list-style: decimal-leading-zero outside;
	font-size: 13px;
	line-height: 1.5;
	margin: 5px auto 0px 30px;
	color:#4c4c4c;
}


/*-- ボックス1 --*/
.boxlayout{
	width: 540px;
	margin: 0 0 0 25px;
	border: 0px dotted #cccccc;
}

.boxlayout h2{
	text-align: left;
 	margin: 10px 0px 10px 0px;
}

.box{
	width: 180px;
	float:left;
	margin: 5px auto 10px auto;
	background-color: #ffffff; 
	border: #4A7BB0 solid 0px;

}

.box h3{
	text-align: left;
	margin: 5px auto 5px 13px;
	font-size:13px;
	color: #2c76d9;
	padding: 0;
	font-weight: bold;
	background: none;
}

.box p{
	text-align: left;
	margin: 5px 10px 5px 10px;
	font-size:12px;
	color: #4E4E4E;
	line-height: 18px;
}

.box img{
	text-align: center;
	display: block;
	border: #cccccc solid 0px;
	margin: 10px auto 5px auto;
}


.box a#btn1{
	width:175px;
	height:100px;
	margin: 10px 0 0 0;
	display:block;
	background:url(image/case1.png) no-repeat 100% 50%;
	text-indent: -9999px;
}
.box a#btn1:hover{
	background:url(image/case-ov1.png) no-repeat 100% 50%;
}

.box a#btn2{
	width:175px;
	height:100px;
	margin: 10px 0 0 0;
	display:block;
	background:url(image/case2.png) no-repeat 100% 50%;
	text-indent: -9999px;
}
.box a#btn2:hover{
	background:url(image/case-ov2.png) no-repeat 100% 50%;
}

.box a#btn3{
	width:175px;
	height:100px;
	margin: 10px 0 0 0;
	display:block;
	background:url(image/case3.png) no-repeat 100% 50%;
	text-indent: -9999px;
}

.box a#btn3:hover{
	background:url(image/case-ov3.png) no-repeat 100% 50%;
}


/*-- レイアウト左--*/
#leftside { 
    margin: 0px 0 0px 7px;
	float: left;
	width: 200px;
	text-align: left;
	border: #4A7BB0 solid 0px;
}

.menu-image{
	margin: 8px 0 5px 7px;
	float: left;
	width : 190px;
	text-align : center;
}

.menu{
	margin: 5px 0 5px 8px;
	float: left;
	width : 190px;
	text-align : left;
}

.menu_body{
	margin: 0;
	float: left;
	width : 190px;
	background: url(./image/leftmenu_body.png) repeat-y;
}

.menu ul {
	padding: 0;
	margin: 2px 20px 0 10px;
	border: #4A7BB0 solid 0px;
}

.menu ul li { 
	list-style: none;
	font-size: 11px;
	line-height: 1.5;
	margin: 0px auto 0px 0;
	color:#4c4c4c;
	letter-spacing: 1px;
}


.menu a {
	background:  url(./image/menuleft.gif) no-repeat 2% 50%;
	display: block;
	border-bottom: 1px solid #cccccc;
	padding: 6px 10px 5px 20px;
}

.menu a:hover {
	background:  #fdf195 url(./image/menuleft.gif) no-repeat 2% 50%;
	color: #656039;
	font-weight: bold;
}


.menu p{
	font-size: 12px;
	line-height: 1.4;
	color: #333333;
	margin: 8px 5px 0px 3px;
	background:  #ffffff;
	border: 0px solid #789c27;
	padding: 5px;
}


.menu-img {
	padding: 0;
	margin: 0 5px 10px 5px;
	text-align: center;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

.menu2{
	display: block;
	margin: 8px 0 5px 8px;
	float: left;
	width : 190px;
	text-align : left;
}


.menu-bnr{
	margin: 5px 0 5px 8px;
	float: left;
	width : 190px;
	text-align: left;
}

.menu-bnr_body{
	margin: 0;
	float: left;
	width : 190px;
	background: url(./image/leftmenu_body.png) repeat-y;
}

.menu-bnr ul {
	padding: 0;
	margin: 2px 20px 0 10px;
}

.menu-bnr ul li { 
	width : 160px;
	list-style: none;
	line-height: 1.5;
	margin: 0px auto 0px auto;
	color:#4c4c4c;
	border: 0px solid #789c27;
}

.menu-bnr a#btn1{
	width:160px;
	height:91px;
	margin: 8px auto 0 auto;
	display:block;
	background:url(image/left-case1.png) no-repeat 0% 0%;
	text-indent: -9999px;
}

.menu-bnr a#btn1:hover{
	width:160px;
	height:91px;
	background:url(image/case-leftov1.png) no-repeat 0% 0%;
}

.menu-bnr a#btn2{
	width:160px;
	height:91px;
	margin: 5px auto 0 auto;
	display:block;
	background:url(image/left-case2.png) no-repeat 0% 0%;
	text-indent: -9999px;
}
.menu-bnr a#btn2:hover{
	background:url(image/case-leftov2.png) no-repeat 0% 0%;
}

.menu-bnr a#btn3{
	width:160px;
	height:91px;
	margin: 5px auto 0 auto;
	display:block;
	background:url(image/left-case3.png) no-repeat 0% 0%;
	text-indent: -9999px;
}
.menu-bnr a#btn3:hover{
	background:url(image/case-leftov3.png) no-repeat 0% 0%;
}


/*-- 広告ー --*/
.ads-link200 {
	margin: 10px 0px 0px 4px;
	background-color: #ffffff;
}

.ads-468 {
	margin: 10px 0 10px 0;
	text-align: center;
}

.ads-336 {
	margin: 10px 0 10px 30px;
	text-align: left;
}




/*-- フッター --*/
#footer {
	margin: 1px auto 2px auto;
	clear: both;
	color: #ffffff;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	background: #bd4425 url(./image/footer.gif) repeat-x 0% 0%;
}

.copyright {
	font-size: 12px;
	font-weight: bold;
	margin: 20px auto 20px auto;
	line-height: 1.3;
	text-align: center;
	padding: 0px 0 0px 0; 
	color: #ffffff;

}

.copyright a:link, .copyright a:visited, .copyright a:active {
	color: #ffffff;
	text-decoration:none; 

}

.copyright a:hover { 
	color: #AFD2DE;
	text-decoration: underline;
}