@charset "utf-8";
/* ===================================================================
CSS information

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/

body
    {
     background:#FFF;
     margin:0px;          /* ページ全体のmargin */
     padding:0px;         /* ページ全体のpadding */
     text-align:center;   /* 下記のautoに未対応用のセンタリング */
    }

#main
    {
     margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     text-align:left;     /* 中身を左側表示に戻す */
     width:650px;         /* 幅を決定する */
    }

a:link {
	color:#000066;
	text-decoration: none;
}
a:visited {
	color:#000066;
	text-decoration: none;
}

img {
    border-style:none;
}

a:hover {
	cursor: pointer; 
}

a:hover img{
	opacity:0.4;
	filter:alpha(opacity=40);
	-ms-filter: "alpha( opacity=40 )";
}

.box {
    width: 720px;
    margin : 10px;
}

.outer {
    margin: 0px 1px;
    background: #E4F2FF;
    border-top: 1px solid #B1C6D9;
    border-bottom: 1px solid #B1C6D9;
}
 
.inner {
    margin: 0px -1px;
    background: #E4F2FF;
    border-left: 1px solid #B1C6D9;
    border-right: 1px solid #B1C6D9;
}

.inner_m {
    margin: 0px -1px;
    background: #E4F2FF;
    border-left: 1px solid #B1C6D9;
    border-right: 1px solid #B1C6D9;
    background-color:#feeeed;
    border-color:#f6978f;
}

.inner_m:hover {
    cursor: pointer; 
    background-color: #ff0080;
}

.box2 {
    width: 700px;
}

.outer2 {
    margin: 0px 1px;
    background: #ECECEC;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
}
 
.inner2 {
    margin: 0px -1px;
    background: #ECECEC;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}

.box3 {
    width: 700px;
}

.outer3 {
    margin: 0px 1px;
    background: #ffffe0;
    border-top: 1px solid #f5deb3;
    border-bottom: 1px solid #f5deb3;
}
 
.inner3 {
    margin: 0px -1px;
    background: #ffffe0;
    border-left: 1px solid #f5deb3;
    border-right: 1px solid #f5deb3;
}