@charset "shift_jis";
/*CSS Document
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*フォントサイズ調整*/
body {
    width: 100%;
    font-size: 12px; /* モダンブラウザ */
    *font-size: 80%; /* IE 7 */
    *font: 80%; /* IE 6以下 */
    font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;	
    line-height:180%;
    text-align:center;
}

#loading{
	position: fixed;
	background-color:#fff;
	width:100%;
  height: auto !important;  /* IE6対策：この2行で */
  height: 100%;             /* IE6対策：擬似的にmin-heightと同じことをさせてる */
  min-height: 100%;    
	z-index: 995;
	text-align: left;
}
#mc{display:none;}
/* ↓↓↓ラインタイプのローディングのスタイル↓↓↓ */

/* ラインの最初の色のスタイル */
#line { 
	position: absolute;
	top: 50%;
	left:0px;
	width:100%; /* 横幅100% */
	height:2px; 
	margin:0px; 
	background:#ddd;
}

/* ラインのアニメーション時の色と動き */
.fullwidth .expand { 
	width:100%; 
	height:2px; 
	margin:0; 
	background:#000000; 
	position:absolute;
    -moz-animation:fullexpand 5s ease-out;
	-webkit-animation:fullexpand 5s ease-out;
}

 /* キーフレームを使った横幅100%のローディングの始まりと終わりの変化 */
@-moz-keyframes fullexpand {
	0%  { width:0px;}
	100%{ width:100%;}	
}
@-webkit-keyframes fullexpand {
	0%  { width:0px;}
	100%{ width:100%;}	
}

/* ↑↑↑ラインタイプのローディングのスタイル↑↑↑ */


th,td,li{
	font-size:12px;
	*font-size:90%;
	*font:90%;
	
}
p{
	font-size:10px;
	*font-size:90%;
	*font:90%;
}


/*テキストカラー初期設定*/
html{
 overflow-x:hidden;
}

body {	
	min-width:850px;
	height:100%;
}

a{
	color:#333;
	text-decoration:none;
	outline:none;
}
a:hover{
	color:#FF9900;
	text-decoration:none;
	
}

/*テキストカラー初期設定エンド*/


*{
	margin:0; padding:0;
}
img{
	border:0;
}
a img{
	border:0;
}
a.hover img{
	border:0;
}

table,div{
	margin:auto;
	
}


#ico{
	position: absolute;
	z-index: 10;
	top: -5px;
	right:15px;
	width:15px;
	height:15px;
}


.obj{
	margin:0 6px 0 6px;
	
}
.obj p{
	line-height:160%;
	margin:0 0 12px 0;
	
}

.CNT{
	text-align:center;
}
.R{
	text-align:right;
}
.L{
	text-align:left;
}


li{
    float: left;
}

.ticker {
    margin: 0px auto 0px auto;
    color:#fff;
    background:#000;
    padding: 10px;
    width: 100%;
    text-align: right;
    position: relative;
    overflow: hidden;
    z-index:1;
}
.ticker ul {
    width: 98%;
    position: relative;
}
.ticker ul li {
    width: 100%;
    display: none;
    font-size: 15px;
    font-weight: 800;
    margin-right: 100px;
}

/**レイアウト**/
#logo {
	list-style: none;
	position:absolute;
	width: 450px;
	height: 500px;
	top: -500px;
	right: 25px;
	z-index:10; 
}
#logo img {
	width: 100%;
}


#topmenu {
	position:fixed;
	top: 0px;
	left:0px;
	width: 300px;
	height: 100%;
	min-height: 400px;
	overflow:visible;
	z-index: 7; 
	padding-top: 15px;
	background-color:#eee;
	background-image:url(img/b_menu.jpg);
	background-repeat: repeat-y;
	
	color:#111;
}
#topmenu2 {
	position:absolute;
	bottom:25px;
	left:0px;
	width: 100%;
	overflow:visible;
	z-index: 5; 
	padding-bottom: 10px;
	background-image:url();
	color:#111;
}
#topmenu2 ul {
	width:285px;
	text-align: center;
	margin:0px 0px 20px 15px;
}
#topmenu2 li {
	display: block;
	width:285px;
	height: 35px;
	margin-bottom:10px;

}
#topmenu2 li.sns {
	margin-top: 25px;
	display: inline;
	width:70px;
	height: 35px;
	background:#f00;
	overflow:hidden;
	margin-bottom: 25px;
}

#mainbox {
	position:fixed;
  width: 100%;
  min-width: 500px; 
  height: auto !important;  /* IE6対策：この2行で */
  height: 100%;             /* IE6対策：擬似的にmin-heightと同じことをさせてる */
  min-height: 100%;         /* 中身が少なくても高さ100%にする */    margin-left: 300px;
    text-align: left;
    overflow: hidden;
    z-index: 1;
	background-image:url(img/top.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}

#mainlogo{
	top:5px;
	right:5px;
	position:fixed;
	width: 200px;
	height: 65%;
	min-height: 350px;

	z-index: 2;
}
#sublogo{
	top:20px;
	left:305px;
	position:fixed;
	width: 35%;
	min-width: 350px;
	z-index: 2;
}
#subnico{
	top:70px;
	right:400px;
	position:fixed;
	width: 35%;
	max-width: 300px;
	min-width: 150px;
	z-index: 3;
}
#subradi{
	bottom:160px;
	left:560px;
	position:fixed;
	width: 35%;
	max-width: 150px;
	min-width: 50px;
	z-index: 3;
}


#newsbox {
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 25px;
	background-color: #000;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity:0.75;
}
#newsbox ul {
	margin-top:5px;
	padding-left:20px;
	width:800px;
	list-style: none;
}
#newsbox li {
	width:800px;
	margin-bottom:5px;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
}

#dmmy {
	color:#fff;
	position:relative;
  width: 100%;
  min-width: 500px;  
  height: auto !important;  /* IE6対策：この2行で */
  height: 100%;             /* IE6対策：擬似的にmin-heightと同じことをさせてる */
  min-height: 100%;         /* 中身が少なくても高さ100%にする */    margin-left: 300px;
    text-align: left;
    overflow: hidden;
    z-index: 0;
}

#foot {
	width:100%;
	height:auto;
	z-index: 80; 
	color:#fff;
    text-align: left;
	padding: 15px 0px 25px 0px;
	position:relative;
	background-image:url(img/syasen_bg.png);
	border-top: 6px solid #333;
}

#container{ padding: 0px 50px; margin-bottom: 20px;
}
.box {
    margin: 5px;
    padding: 10px;
    float: left;	background-color: #fff;
		    color: #666;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
.col2 { width: 170px; word-wrap: break-word;}
.col4 { width: 370px; word-wrap: break-word;}
.col6 { width: 570px; word-wrap: break-word;}

.box img {
    margin: 10px 0px;
    float: left;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}

#box2 img {
  
    margin: 5px 10px;
    float: left;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}

#boxtw {
    width: 360px;
    height: 300px;
    margin: 5px 10px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	overflow: hidden;
}

.fixed {
  position: fixed;
  top: 0px;
}

#foot2 {
	width:100%;
	height:auto;
	z-index: 90; 
	color:#fff;
	text-align: left;
	margin-top: 0px;
	padding: 15px 0px;
	position:relative;
	background-image:url(img/syasen_bg2.png);
	border-top: 6px solid #333;
}
#foot2 img {
    margin: 5px 10px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
#projectbox {
    margin-left: 50px;
}

#foot3 {
	width:100%;
	height:auto;
	z-index: 100; 
	color:#fff;
    text-align: left;
	margin-top: 0px;
	padding: 15px 0px;
	position:relative;
	background-image:url(img/syasen_bg2.png);
	border-top: 6px solid #333;
}

#foot3 ul {
	margin-top:5px;
	padding-left:20px;
	width:800px;
	list-style: none;
}
#foot3 li {
	width:800px;
	margin-bottom:5px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
}

#rollup {
	width: 75px;
	height: 75px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	background-color:#000;
	z-index: 999;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity:0.50;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}


h1{	
	font-size:18px;
	color:#3366cc;
	text-indent:10px;
	vertical-align:top;
	width:100%;
	height:30px;
	text-indent:25px;
	line-height:30px;
	text-align: left;
	margin:0px 0 15px 0px;
	padding-left: 0px;
       font-weight: 800;
}
h2{
	font-size:18px;
	color:#3366cc;
	text-indent:10px;
	vertical-align:top;
	width:100%;
	height:30px;
	text-indent:25px;
	line-height:30px;
	text-align: left;
	margin:0px 0 15px 0px;
	padding-left: 0px;
       font-weight: 800;
	border-bottom: 1px solid #111;
	box-shadow: 0px 1px 0px #666;
	color: #FFFFFF;	
	
}

h3{
	font-size:14px;
	color:#333;
	text-indent:5px;
	vertical-align:top;
	font-weight: 800;
	margin:2px 0px 10px 0px;
	padding-left:0px;
	text-align: left;
	border-bottom: 1px solid #111;
	box-shadow: 0px 1px 0px #666;
	word-wrap: break-word;
}

h4{
	margin:0px 0 25px 0px;
	font-size:16px;
	font-weight:normal;
	text-align: left;
	padding-left: 60px;
	padding-bottom: 20px;
	text-indent:0px;
	height:auto;
	line-height:25px;
	vertical-align:top;
	color:#ddd;
	border-bottom: 1px solid #111;
	box-shadow: 0px 1px 0px #666;
	word-wrap: break-word;
}
h5{
	font-size:18px;
	padding: 5px 0px 5px 60px;
	color:#fff;
	background-color: #333;
	font-weight: 400;
	text-indent:0px;
	vertical-align:top;
	margin:25px 0px 15px 0px;
	text-align: left;
}
h6{
	font-size:13px;
	color:#ccc;
	text-indent:14px;
	text-align: left;
	padding-left: 65px;
	vertical-align:top;
	font-weight:normal;
	margin:1px 0px 3px 0px;

	
}



@media print{

#container{

	}
}