@charaset: utf-8;
html{
height: 100%;
}
body {
margin: 0px;
padding: 0px;
font-size: 13px;
line-height: 1.3;
letter-spacing: 0em;
color: #646464;
height: 100%;
width: 100%;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background: linear-gradient(#01205E, #30B3F8);
}
#base_bg {
height: 100%;
}
#container {
height: 100%;
}
a:link {
color: #18215a;
text-decoration: underline;
}
a:visited {
color: #18215a;
text-decoration: underline;
}
a:hover {
color: #FFC000;
text-decoration: none;
}
a:active {
color: #18215a;
text-decoration: none;
}
img {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
margin: 0px;
padding: 0px;
}
.clear {
clear: both;
}
/*ClearFix*/
.clearfix:after {
content: "."; /* 新しい要素を作る */
display: block; /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
*html .clearfix {
height: 1px;
height: auto;
overflow: hidden;
}
/*ClearFix*/
#header {
margin: 0px;
padding: 0px;
}
#header #logo {
width: 780px;
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #ffffff;
background-repeat: repeat-y;*/
background-position: right;
}
/*#header #logo h1 {*/
#site_title_h1 {
color: #68A018;
margin: 0px;
font-size: 25px;
font-style: normal;
font-weight: normal;
text-decoration: none;
line-height: 1.2em;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 30px;
/*width: 800px;*/
display:inline-block;
/*vertical-align:top;*/
}
#site_title_h2 {
color: #68A018;
margin: 0px;
font-size: 25px;
font-style: normal;
font-weight: normal;
text-decoration: none;
line-height: 1.2em;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 200px;
width: 500px;
}
#header #logo h1 a {
color: #68A018;
text-decoration: none;
}
#header #logo .logo_img {
padding-top: 4px;
padding-bottom: 5px;
padding-left: 15px;
}
#header #main_img {
width: 780px;
margin-right: auto;
margin-left: auto;
background-color: #252525;
text-align: center;
height: 238px;
}
#header #main_img a.cng_img {
display: block;
height: 188px;
width: 780px;
}
#header div.main_img_area {
height: 188px;
width: 780px;
}
#header .main_img_jpg {
background: url(../images/main_img.jpg) no-repeat; /* jpg */
}
#header #navigation div {
margin-bottom: 0px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 0px;
}
#header #navigation div ul.main_menu {
list-style-type: none;
height: 48px;
padding: 0px;
margin: 0px;
}
#header #navigation div ul li{
float: left;
overflow: hidden;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#header #navigation div ul li a{
display: block;
width: 160px;
height: 31px;
border-left: #FFF 1px solid;
border-right: #C0C0C0 1px solid;
border-top: #FFF 1px solid;
border-bottom: #999 1px solid;
background: #ECECEC;
font-size: 15px;
/*color: #FF6000;*/
font-weight: bold;
text-decoration: none;
padding-top: 13px;
filter: alpha(opacity=85);
-moz-opacity:0.85;
opacity:0.85;
zoom: 1;
line-height: 1.3;
}
#header #navigation div ul li a:hover{
background: #01205E;
}
#header #navigation div ul .top{
margin-left: 70px;
}
*html body #header #navigation div ul .top{
margin-left: 35px;
}
#header #navigation div ul .bottom{
}
#wrapper {
clear: both;
}
#wrapper #contents {
background-color: #ffffff;
margin: 0px;
padding-top: 31px;
padding-right: 0px;
padding-bottom: 19px;
padding-left: 0px;
min-width: 780px;
}
#wrapper #footer {
clear: both;
padding: 0px;
background-color: #ffffff;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #a4a4a4;
border-right-color: #a4a4a4;
border-bottom-color: #a4a4a4;
border-left-color: #a4a4a4;
text-align: center;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 8px;
margin-left: 0px;
min-width: 780px;
}
#wrapper #footer address {
font-style: normal;
font-weight: normal;
text-decoration: none;
color: #7d7d7d;
font-size: 0.9em;
line-height: 2em;
width: 780px;
margin-right: auto;
margin-left: auto;
}
#wrapper #navi_list {
width: 780px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #3c3c3c;
padding-top: 6px;
padding-right: 0px;
padding-bottom: 6px;
padding-left: 4px;
}
#wrapper #navi_list ul {
list-style-type: none;
margin: 0px;
float: left;
padding: 0px;
font-style: normal;
font-weight: normal;
text-decoration: none;
color: #ffffff;
font-size: 0.8em;
line-height: 2em;
letter-spacing: 0.2em;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #505050;
border-right-color: #505050;
border-bottom-color: #505050;
border-left-color: #505050;
}
#wrapper #navi_list .right {
border-right-width: 1px;
}
#wrapper #navi_list ul li {
margin: 0px;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
}
#wrapper #navi_list ul li a {
color: #ffffff;
font-style: normal;
font-weight: normal;
text-decoration: none;
}
#wrapper #navi_list ul li a:visited {
text-decoration: none;
}
#wrapper #navi_list ul li a:hover {
text-decoration: underline;
}
#wrapper #navi_list ul li a:active {
text-decoration: underline;
}
/*タグが入力された時の為に設定を解除*/
p {
margin: 0;
padding: 0;
}