@charset "utf-8";



/* CSS Document */

@media screen {

/* =========================================

　　　　　　　▼全体共通設定▼ 

==========================================*/

body{

background:#fff;

text-align:center;

color:#000;

margin:10px auto;

font-family:Arial, Helvetica, sans-serif;

font-size:90%;

}

h1,h2,h3,p,br,form,ul,li,form,input,dt,dd,br {

margin:0;

padding:0;

}

h2 {

font-size:100%;

color:#2273e2;

background:url(../common/img_co/e_index_h2.gif) repeat-x bottom left;

padding-bottom:12px;

clear:both;

}

p {

line-height:160%;

margin-bottom:5px;

}



ul,dl,ol,li{

list-style-type:none;

list-style-position:outside;

}



/* 画像のボーダー非表示 */

img{

border-width:0;

}



/* 基本のリンク */

a{

color:#06c;

text-decoration:underline;

}

a:hover{

text-decoration:underline;

color:#ff4500;

}

/* 詳細リンク */

.focus {

float:right;

}

.focus a {
padding:0 0 0 18px;

background:url(../common/img/focus_bg.gif) no-repeat left center;

text-decoration:underline;

}

.focus a:hover {

text-decoration:underline;

}



/* 回り込み解除 */

.clear{

clear:both;

}

#wrapper {

margin:0 auto;

width:740px;

text-align:left;

position:relative;

}

#index-contents {

padding-top:90px;

margin-bottom:15px;

}

#main-img {

margin-bottom:10px;

}

#index-main-contents {

width:525px;

float:left;

margin-right:15px;

}

#index-banner {

width:200px;

float:left;

}

#index-banner ul {

background:#ecf0f7;

padding-top:3px;

}

#index-banner li img {

vertical-align:top;

margin:0 0 3px 3px;

}

.banner-traffic {
margin:22px 0 10px 0;
}

#header {

position:absolute;

top:0;

left:0;

}

#header img {

float:left;

}

#header ul {

float:right;

}

#header li {

background:url(../common/img/list_3.gif) no-repeat left center;

text-indent:11px;

float:left;

font-size:80%;

margin-left:10px;

}

#header a{

color:#000;

text-decoration:none;

}

#header a:hover{

text-decoration:underline;

color:#ff4500;

}


#navigation {

width:100%;

position:absolute;

top:60px;

left:0;

height:30px;

background:url(../common/img_co/e_navigation_bg.gif) #005cdf repeat-x top left;

line-height:30px;

font-size:90%;

}

#navigation ul {}

#navigation li {

float:left;

width:185px;

text-align:center;

letter-spacing:0.1em;

}

#navigation li a{

color:#ffffff;

text-decoration:none;

display:block;

}

#navigation li a:hover {

color:#ffffff;

text-decoration:underline;

}

#footer {

width:740px;

border-top:1px solid #005cdf;

font-size:80%;

text-align:left;

padding-top:5px;

clear:both;

}

}
