@charset "utf-8";

/*======================================
全般的なスタイル
======================================*/
* {
    margin:0; padding:0;
}

body {
    background-color:#FFFFFF;
    font-size:95%;                                            /*フォントサイズを95％にする*/
    font-family:"MS　ゴシック",sans-serif;                    /*フォントの種類をゴシック系にする*/
    line-height:1.5;　　　　　　　　　　　　　　　　　　　　　/*行の高さを1.5倍にする*/
    color:#333333;　　　　　　　　　　　　　　　　　　　　　　
}

div#pagebody {
    width:1000px; margin:0px auto;
    background-color:#FFFFFF;
}

/*======================================
ヘッダ
======================================*/
div#header {
    height:120px;
}
div#header h1 {
    padding:10px 0px 5px 20px;
    font-size:18px;
    font-family:Arial, Helvetica, sans-serif;
}
div#header h1  a {text-devoration:none;}
img {border:0;}

/*======================================
ヘッダ画像
======================================*/
#index {
    width:700px; height:280px
    padding:10px 20px 0px 0px ;
    margin:10px 10px 0px 0px; 
    float:right;  
}

/*======================================
メインメニュー（左カラム)
======================================*/
.menu {
    width:260px;                                                
    margin:10px 10px 10px 0px;                                 
    float:left;                                                 
    font-weight:bold;        
}

.menu li {
    list-style:none;
    font-weight:bold;
    width:260px;
    font-size:16px;
}

.menu li a {
	display:table;
	margin-top:1px;
	padding:16px 10px;
	width:100%;
	text-align:center;
	text-decoration:none;
	color:#EEE;
	overflow:hidden;
	background-color: #00A7A8;
}

.menu li ul {
    margin:0;
    padding:0;
}

.menu li li a {
    display:block;
    margin-top:0;
    padding:0 10px;
    height:0;
    background:#fdeff2;
    color:#705b67;
}

.menu > li:hover li a {
    display:table;
    margin-top:1px;
    padding:16px 10px;
    width:100%
}

.menu * {
    -moz-transition:  1s;
    -webkit-transition:  1s;
    -o-transition:  1s;
    -ms-transition:  1s;
    transition:  1s;
}    


/*======================================
インフォメーション（右カラム）
======================================*/
div#info {
     width:660px;                                              /*インフォメーション部分の幅の指定*/
     float:left;　　　　　　　　　　　　　　　　　　　　　　　 /*インフォメーションのカラムを左寄せにする*/
     padding:0px 20px 0px 0px;
     font-size:15px;
}

div#info h2 {
    padding:20px 0px 0px 20px;
    font-size:15px;
    font-family:Arial, Helvetica, sans-serif;
}
div#info h3 {
    padding:10px 0px 5px 40px;
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
}

p {
    width:660px;
    margin:15px 0px 15px 40px;
}
p a {
    text-decoration:none;
    color:#e95464;
}
p a:hover {
    color:#f5b1aa;
}

div#index2 {
    margin:0px 0px 0px 800px;
    color:#705b67;
    font-size:12px;     
}    

div#title {
    margin:0px 0px 5px 15px;
    font-size:15px;
}   


/*======================================
インフォメーション画像
======================================*/
#info  {
    width:150px; height:45px
    margin:20px 20px;
}



/*======================================
フッタ
======================================*/
div#footer {  
     clear:both;                                                 
     height:40px;
     padding:10px 0px 0px 0px;
     margin:10px 0px 0px 340px;
     color:#705b67;     
}