/*@charset "UTF-8";*/
@charset "shift_jis";

@import url("reset.css");
@import url("php_common_require.css");

/*---------------------------------------------*/
/*       フォント                              */
/*---------------------------------------------*/
body {
	font-family : "ＭＳ 明朝", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ Ｐゴシック",  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro W3" ,"Hiragino Kaku Gothic Pro" , Osaka ,メイリオ,Meiryo , "MS PGothic" , "MS UI Gothic", "Meiryo","Times New Roman", sans-serif ;
	}


/*---------------------------------------------*/
/*       コンテナー                            */
/*---------------------------------------------*/
div#container {
        width:100%;
        /*background: lavender;*/
       }


/*---------------------------------------------*/
/*      全体枠                                 */
/*---------------------------------------------*/
div#l_side {
        width:1200px;
        margin:0px auto;
        /*background: lavender;*/
        }
div#l_1_side {
        width:1200px;
        float:left;
        margin:0px 0px 0px 0px;
        padding:20px 0px 0px 0px;
        /*background: lavender;*/
        }
div#l_2_side {
        width:1200px;
        float:left;
        margin:10px 0px 20px 0px;
        padding:20px 0px 0px 0px;
        background: url(webkad/php_back_bar_violed_1200.png) repeat-y;
        }

/*---------------------------------------------*/
/* 右サイドの枠                                */
/*---------------------------------------------*/

div#l_1_1_side {
        width:1100px;
        float:left;
        margin:50px 0px 0px 10px;
        padding: 0px 0px 0px 0px;
        /*border-left:1px outset green;
        border-bottom:1px outset green;
        border-right:1px outset green;*/
        }

div#l_1_1_side div#photo_area_1 {
        width:320px;
        float:left;
        margin:0px 0px 0px 20px;
        padding: 0px 0px 0px 0px;
        /*border:1px outset green;*/
        }


/*----------------------------------------*/
/*   トップ　タイトル                     */
/*----------------------------------------*/

div#top_blog {
        float:left;
        width:1200px;
        margin:2px 0px 0px 0px;
        /*border-top:20px outset #f99;*/
        }

div#top_blog div#top_1 {
        float:left;
        width:1200px;
        height:160px;
        margin:10px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background:url(webkad/gimp_logo11_6.png) no-repeat;
        /*border-bottom:15px outset #f99;*/
        border-bottom:15px ridge silver;
        }


/*-----------------------------*/
/*      トップ　メニュー       */
/*-----------------------------*/
div#main_top_menu {
        width:1200px;
        float:left;
        margin:20px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        /*border-top:1px ridge #f99;*/
        /*background: #2d3f81;*/
        }

div#main_top_menu div#photo_area {
        width:1200px;
        float:left;
        height:220px;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        background: url(sjc_photo/sjc_sub_title_common.png) no-repeat;
        }
ul#main_top_menu_photo_area li {
        display:inline;
        border:solid;
        border-width:0 1px;
        margin:0px 0px 0px 0px;
        padding:10px 0px 0px 10px;
        font-size:120%;
        text-align:left;
        /*font-weight:bold;*/
        }

div#main_top_menu div#photo_area a {
        text-indent:0;
        text-align:left;
        margin:0px 0px 0px 0px;
        font-size:100%;
        font-weight:bold;
        color:green;
        /*border-bottom:2px outset black;*/
        /*border-bottom:1px dotted black;*/
        }

div#main_top_menu div#photo_area p {
        text-indent:0;
        font-size:120%;
        text-align:left;
        margin:0px 0px 0px 0px;
        color:blue;
        }

div#main_top_menu div#photo_area_1 {
        width:150px;
        float:left;
        margin:0px 0px 0px 0px;
        padding:7px 0px 0px 10px;
        }

div#main_top_menu a:hover {
        /*background-color: #ffa620;*/
        background-color: #ffa620;
        }

/*-----------------------------*/
/*  トップ　メニュー  編集     */
/*-----------------------------*/

div#top_navi {
        width:800px;
        float:left;
        margin:170px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        }

div#top_navi_1 {
        width:350px;
        float:left;
        height:41px;
        border-width:1px 0;
        margin:165px 0px 0px 20px;
        padding:0px 0px 0px 0px;
        color:white;
        background: url(webkad/php_btn_title_common.png) no-repeat;
        }

div#top_navi_1_1 {
        width:350px;
        float:left;
        margin:0px 0px 0px 0px;
        padding:5px 0px 0px 0px;
        font-size:90%;
        color:white;
        }

div#top_navi_1_1 h1{
        width:300px;
        /*width:100%;*/
        float:left;
        margin:0px 0px 0px 0px;
        padding:5px 0px 7px 10px;
        font-size:110%;
        /*text-align:center;*/
        font-weight:bold;
        color:white;
        font-family: "平成明朝",Times,serif;
        /*font-style:oblique;*/
        font-style:normal;
        }


/*-----------------*/
/* top_navi        */
/*-----------------*/
ul.sitemap_3 {
        width: 800px;
        margin: 5px 0px 0px 0px;
}
ul.sitemap_3 ul {
        width: 800px;
        margin: 0px 0px 0px 0px;
}

ul.sitemap_3 li {
        margin: 0px 0px 0px 10px;
        line-height:1.5em;
        display:inline;
        padding:5px 5px 5px 5px;
        border-right: 2px outset silver;
        border-bottom: 2px outset silver;
        background-color: dodgerblue;
}

ul.sitemap_3 li a {
        margin: 0px 0px 0px 0px;
        line-height:1.5em;
        text-decoration:none;
        list-style: none;
        font-size:100%;
        color:blue;
}

ul.sitemap_3 li:hover {
        background-color: #ffa620;
}

ul.sitemap_24 {
        width: 700px;
        margin: 0px 0px 5px 0px;
}
ul.sitemap_24 ul {
        width: 700px;
        margin: 0px 0px 0px 0px;
}

ul.sitemap_24 li {
        margin: 0px 0px 0px 0px;
        /*padding:5px 0px 4px 0px;*/
        padding:5px 5px 5px 5px;
        line-height:1.7em;
        display:inline;
        /*font-size:90%;*/
        color:white;
        text-align:right;
        border: 1px outset white;
        border-top: 1px outset white;
        border-left: 1px outset white;
        border-right: 2px outset black;
        border-bottom: 2px outset black;
        background-color: #2d3f81;
}

ul.sitemap_24 li a {
        margin: 0px 0px 0px 0px;
        padding:5px 5px 5px 5px;
        line-height:1.7em;
        text-decoration:none;
        list-style: none;
        font-size:80%;
        font-weight:bold;
        color:white;
}

ul.sitemap_24 li:hover {
        background-color: #ffa620;
}



div#main_content_2 {
        width:600px;
	float:left;
	margin:50px 0px 0px 0px;
        }

div#main_content_2_1 {
        width:600px;
	float:left;
        margin:0px 0px 0px 220px;
        padding:0px 0px 0px 0px;
        }

div#main_content_2_1 p {
        text-indent:0;
        font-size:120%;
        text-align:left;
        margin:0px 0px 0px 0px;
        color:blue;
        font-size:100%;
        text-align:left;
        font-weight:bold;
        color:white;
        color:blue;
        font-family: "平成明朝",Times,serif;
        /*font-style:oblique;*/
        font-style:normal;
        }


div#main_content_3 {
        width:600px;
	float:left;
	margin:20px 0px 80px 200px;
        }

div#main_content_3_1 {
        width:600px;
	float:left;
	margin:20px 0px 0px 0px;
        }



/*ログイン*/
table.table010 {
  width: 500px;
  border-collapse: separate;
  border-spacing: 5px;
  cellpadding: 10px;
  cellspacing: 10px;
  margin: 0px 0px 10px 20px;
  background: silver;
  border: 5px outset  white;
}

table.table010 caption {
  margin-top: 1px 1px 1px 1px;
  text-align: left;
}

table.table010 th {
  text-align: left;
  white-space: nowrap;
	font-size:100%;
        font-weight:bold;
	color:blue;
	margin:0px 0px 0px 0px;
	line-height:1.5em;
}

table.table010 td {
  text-align: left;
  empty-cells: hide;
  /*width: 70px;*/
  /*height : 100px;*/
  white-space: nowrap;
	font-size:100%;
        font-weight:bold;
	color:blue;
	margin:0px 0px 0px 0px;
	line-height:1.2em;
}

table.table020 {
  width: 100px;
  border-collapse: separate;
  border-spacing: 5px;
  cellpadding: 10px;
  cellspacing: 10px;
  margin: 0px 0px 0px 20px;
  background: silver;
  border: 5px outset  white;
}

table.table020 caption {
  margin-top: 1px 1px 1px 1px;
  text-align: left;
}

table.table020 th {
  text-align: left;
  white-space: nowrap;
	font-size:100%;
        font-weight:bold;
	color:blue;
	margin:0px 0px 0px 0px;
	line-height:1.5em;
}

table.table020 td {
  text-align: left;
  empty-cells: hide;
  /*width: 70px;*/
  /*height : 100px;*/
  white-space: nowrap;
	font-size:100%;
        font-weight:bold;
	color:blue;
	margin:0px 0px 0px 0px;
	line-height:1.2em;
}

table.table030 {
  width: 500px;
  border-collapse: separate;
  border-spacing: 5px;
  cellpadding: 10px;
  cellspacing: 10px;
  margin: 0px 0px 0px 0px;
  /*border: 1px outset  black;*/
}

table.table030 caption {
  margin-top: 1px 1px 1px 1px;
  text-align: left;
}

table.table030 th {
  text-align: left;
  white-space: nowrap;
	font-size:100%;
        font-weight:bold;
	color:blue;
	margin:0px 0px 0px 0px;
	line-height:1.5em;
}

table.table030 td {
  text-align: left;
  empty-cells: hide;
  /*width: 70px;*/
  /*height : 100px;*/
  white-space: nowrap;
	font-size:100%;
        font-weight:bold;
	color:red;
	margin:0px 0px 0px 0px;
	line-height:1.2em;
}