/*==============================================================================
全般的なスタイル
==============================================================================*/

* {
    margin:0; padding:0;     
    line-height:1.6;         
    color:#333333;           
    font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
} 

body {
    background-color:#ffffe0;    
    text-align:center;           
}


/*==============================================================================
ページフレーム
==============================================================================*/

div#pagebody {
    width: 1080px; 
    margin: 0px auto 0px auto;
    text-align:left;               
    background-color:#ffffff;      
    border:solid 1px #cccccc; 
    box-shadow:0px 0px 3px 3px #666666;  /* 水平オフセット 垂直オフセット ぼかし距離 広がり距離 色 */

/*    border:solid 1px #ff0000;  */    /* for Test */
}

div#header {
    padding: 10px 10px 0px 10px;
/*    border:solid 1px #ff0000;  */    /* for Test */
}

div#mainmenu {
    margin:0px 0px 10px 0px;    
    padding: 0px 0px 0px 0px;

/*    border:solid 1px #ff0000; */    /* for Test */
}

div#navigation {
    clear:both;
    width:1048px;
    margin:0px 0px 10px 0px;    
    padding: 10px 10px 10px 10px;

/*    border:solid 1px #ff0000; */     /* for Test */
}


div#contents {
    width:700px; 
    margin:0px 0px 0px 0px;    
    padding: 10px 10px 10px 10px;
    float:left;                               
/*    border:solid 1px #ff0000;  */    /* for Test */
}

div#side {
    width:320px;                  
    float:right;                   
    margin: 0px 0px 0px 0px;    
    padding: 10px 10px 10px 10px;

/*    border:solid 1px #ff0000; */     /* for Test */
}

div#footer {
    clear:both;                   
/*    text-align:center;         */
/*    background-color:#cccccc;  */
    padding: 60px 10px 10px 10px;

/*    border:solid 1px #ff0000;  */   /* for Test */
}

/*==============================================================================
広告
==============================================================================*/

div.ad01 {
    margin: 10px 0px 20px 0px;

/*    border: solid 1px #ff0000;  */    /* for Test */
}

div.ad02 {
    margin: 10px 0px 20px 70px;

/*    border: solid 1px #ff0000;  */    /* for Test */
}


/*==============================================================================
見出し
==============================================================================*/

h1 {
    margin: 20px 0px 10px 0px;                   /*見出し内容の位置調整*/
}

h1 a {
    text-decoration: none;                        /*リンクの下線を無くす*/
}

h2.content01 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 10px;
    border-bottom: solid 4px #87cefa;
}


h3.content01 {
    margin: 30px 0px 0px 0px;   
    padding: 0px 0px 0px 10px;
    border-bottom: solid 2px #87cefa;      
}

h4.content01 {
    margin: 30px 0px 10px 10px;    
    padding: 2px 0px 0px 10px;    
    border-left: solid 3px #ff7f00;      
}

h5.content01 {
    margin: 20px 0px 0px 0px;    
}




/*==============================================================================
リンク
==============================================================================*/

a.action00:link {
    display:block;
    border:solid 2px #87cefa;
    text-decoration: none;
    color: #333333;
}

a.action00:visited {
    display:block; 
    border:solid 2px #87cefa;
    text-decoration: none;
    color: #333333;
}

a.action00:hover {
    display:block; 
    text-decoration: none;
/*    font-weight: bold;  */
    border:solid 2px #ffffff;
    color: #ffffff;
    background-color:#87cefa;
}


a.action01:link {
text-decoration: none;
color: #0066cc;
}

a.action01:visited {
text-decoration: none;
color: #0066cc;
}

a.action01:hover {
text-decoration: underline;
color: #ff6600;
}


a.action02:link {
    font-size:90%;
    text-decoration: none;
    color: #0066cc;
}

a.action02:visited {
    font-size:90%;
    text-decoration: none;
    color: #0066cc;
}

a.action02:hover {
    font-size:90%;
    text-decoration: underline;
    color: #ff6600;
}


/*==============================================================================
リスト
==============================================================================*/

ul.menu00 {
    padding: 4px 5px 4px 5px;
    background-color:#87cefa;
    height: 30px;

/*    border:solid 1px #ff0000; */   /* for Test */
}

li.menu00 {
    float: left;
    list-style-type: none;
    width: 150px;
    text-align:center;
    margin: 0px 5px 0px 0px;
    background-color:#ffffff;

/*    border:solid 1px #ff0000;  */  /* for Test */
}


ul.menu01 {
    margin: 0px 0px 0px 25px;

/*    border:solid 1px #ff0000;  */    /* for Test */
}

li.menu01 {
    list-style-type:none;
    margin: 10px 0px 10px 0px;

/*    border:solid 1px #ff0000;  */    /* for Test */
}

ul.menu02 {
    margin: 0px 0px 0px 15px;

/*    border:solid 1px #ff0000;  */    /* for Test */
}

li.menu02_number {
    list-style-type:none;
    margin: 30px 0px 10px 0px;

/*    border:solid 1px #ff0000;  */    /* for Test */
}

li.menu02_description {
    list-style-type:none;
    margin: 10px 0px 10px 15px;

/*    border:solid 1px #ff0000;  */    /* for Test */
}


ul.menu03 {
    height: 28px;
/*    border:solid 1px #ff0000; */   /* for Test */
}

li.menu03 {
    float: left;
    list-style-type: none;
    padding: 0px 10px 0px 0px;

/*    border:solid 1px #ff0000;  */  /* for Test */
}





table {
    border-collapse: collapse;
    margin: 30px 10px 30px 10px;
}


th.colform01 {
    border: 1px solid #808080;  /* gray */
    padding: 10px 10px 10px 10px;   /* top,right,bottom,left */
    background-color:#87cefa;
}

td.colform00 {
    border: 1px solid #808080;  /* gray */
    padding: 10px 10px 10px 10px;   /* top,right,bottom,left */
    text-align: center;
}

td.colform01 {
    border: 1px solid #808080;  /* gray */
    padding: 10px 10px 10px 10px;   /* top,right,bottom,left */
}

td.colform02 {
    border: none;
    padding: 10px 10px 10px 10px;   /* top,right,bottom,left */
}


p.type01 {
    margin: 20px 10px 20px 10px;
}


p.type02 {
    position:relative;
}


img.type01 {
    margin: 10px 0px 10px 0px;
    max-width:100%;
}

img.type2 {
    margin: 50px 0px 30px 0px;
}

/*==============================================================================
枠線
==============================================================================*/

span.block0001 {
    position:absolute;
    top:25px;
    left:0px;
    padding: 0px 680px 5px 0px;
    border:solid 1px #ff0000;
    color: #ff0000;
    font-weight: bold;
}

span.block0002 {
    position:absolute;
    top:60px;
    left:0px;
    padding: 0px 680px 55px 0px;
    border:solid 1px #ff0000;
    color: #ff0000;
    font-weight: bold;
}

span.block0003 {
    position:absolute;
    top:145px;
    left:0px;
    padding: 0px 680px 20px 0px;
    border:solid 1px #ff0000;
    color: #ff0000;
    font-weight: bold;
}

span.block0004 {
    position:absolute;
    top:195px;
    left:0px;
    padding: 0px 330px 285px 0px;
    border:solid 1px #ff0000;
    color: #ff0000;
    font-weight: bold;
}

span.block0005 {
    position:absolute;
    top:195px;
    left:350px;
    padding: 0px 330px 285px 0px;
    border:solid 1px #ff0000;
    color: #ff0000;
    font-weight: bold;
}

span.block0006 {
    position:absolute;
    top:510px;
    left:0px;
    padding: 0px 680px 0px 0px;
    border:solid 1px #ff0000;
    color: #ff0000;
    font-weight: bold;
}


/*==============================================================================
フッタ
==============================================================================*/

address {
    font-style:normal;           /*フォントスタイルを標準にする*/
    font-size:90%; 
    margin:30px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    text-align:center;
}