@charset "UTF-8"
*{	 
          padding : 0px ; 
          margin : 0px ; 
} 

body {
-webkit-text-size-adjust:100%;
font-family: メイリオ, sans-serif, ＭＳ Ｐゴシック, Arial;
}

html{
overflow-y:scroll;
}

img { vertical-align: bottom; }

#site-box{
          width : 980px;
          margin : 5px auto
;
}

#a-box{
	height: 100px;
	background-image : url(../img/header.gif);background-position : -10 0 0 0px
          padding: 0px;
	margin-right: auto;
	margin-left: auto;
}

#b-box{
          height: 40px;
//          background-color: #FC7984;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FC9CA6),
	color-stop(1, #FC7984)
);
background-image: -o-linear-gradient(bottom, #FC9CA6 0%, #FC7984 100%);
background-image: -moz-linear-gradient(bottom, #FC9CA6 0%, #FC7984 100%);
background-image: -webkit-linear-gradient(bottom, #FC9CA6 0%, #FC7984 100%);
background-image: -ms-linear-gradient(bottom, #FC9CA6 0%, #FC7984 100%);
background-image: linear-gradient(to bottom, #FC9CA6 0%, #FC7984 100%);
          padding: 0px;
          margin-top: -30;
          margin-right: auto;
          margin-left: auto;
          border-bottom: 8px solid #EA2839;
}

/*左のボックス*/
#c-box{
          float: left;
          width: 250px;
//          height:1500px;
          padding: auto;
          margin-top: 20px;
          margin-bottom: 20px;
          margin-right: 5px;
          margin-left: 5px;
          font-family: メイリオ, sans-serif, ＭＳ Ｐゴシック, Arial;
}

/*右のボックス*/
#d-box{
          float: right;
          width: 710px;
          padding: 0px;
          margin-top: 20px;
          margin-bottom: 20px;
          margin-right: 5px;
          margin-left: 5px;
          font-size:12px;
          font-family: メイリオ, sans-serif, ＭＳ Ｐゴシック, Arial;
}


#e-box{
width:980px;
clear:both;
font-family: メイリオ, sans-serif, ＭＳ Ｐゴシック, Arial;
}

#f-box{
          float: right;
          width: 710px;
          margin-right: 5px;
          margin-left: 5px;
          font-size:12px;
          font-family: メイリオ, sans-serif, ＭＳ Ｐゴシック, Arial;
}

#z-box{
          background-color: #FFFF99;
          height: 10px;          
}


.top-sbox{
   width : 300px;
   height : 300px;
   margin : 20px;
   padding : 0px;
}

.a-sbox{
   width : 294px;
   height : 40px;
   margin : 0px;
   padding : 0px;
   border-top : solid 3px #200;
   border-right : solid 3px #200;
   border-left : solid 3px #200;
   border-radius: 10px 10px 0 0;
}

.b-sbox{
   width : 294px;
   height : 200px;
   margin : 0px;
   padding : 0px;
   border : solid 3px #200;
   border-radius : 0 0 10px 10px; 
}

/* ツイッターに使ってます */
.c-sbox{
   width : 248px;
   margin : 0px;
   padding-top : 5px;
   padding-left : 0px;
   background-color : #FFF;
   border : solid 1px #33f;
   border-radius : 3px; 
}

/* カレンダーに使ってます */
.d-sbox{
   width : 248px;
   margin : 0px;
   padding-top : 5px;
   background-color : #FFF;
   border : solid 1px #18b87a;
   border-radius : 3px; 
}

/* くりえい社バナー用 */
.k_banner{
height:18px;
margin:0px 3px 5px 3px;
padding:2px 0px 0px 5px;
font-size:12px;
color:#fff;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #F56271),
	color-stop(1, #E6273A)
);
background-image: -o-linear-gradient(bottom, #F56271 0%, #E6273A 100%);
background-image: -moz-linear-gradient(bottom, #F56271 0%, #E6273A 100%);
background-image: -webkit-linear-gradient(bottom, #F56271 0%, #E6273A 100%);
background-image: -ms-linear-gradient(bottom, #F56271 0%, #E6273A 100%);
background-image: linear-gradient(to bottom, #F56271 0%, #E6273A 100%);
border-radius:1px;
}


/* 右画面用BOXせっと */
.main-sbox{
   width : 710px;
   height : 100%;
   margin-top : 10px;
   background-color : #FFF;
}

.left-sbox{
   width : 350px;
   height : 100%;
   background-color : #FFF;
   float : left;
}

.right-sbox{
   width : 350px;
   height : 100%;
   background-color : #FFF;
   float : right;
}

.center-sbox{
   width : 710px;
   height : 200px;
   margin-top : 10px;
   padding : 0px;
   background-color : #fff;
   float : left;
}

/* 社名の上の文字 */
h1{
          font-size: 10px;
          padding-top : 7px ;
          padding-bottom : 0px ;  
          padding-left : 20px ; 
          margin : 0px; 
}

h2{
          font-size: 10px;
          padding-top : 10px ; 
          padding-left : 28px ; 
          margin : 0px; 
}

h3{
          width: 250px;
          height: 300px;  
          padding: 0px;
          margin: 0px;  
}

.height10px{
          height: 10px;  
          padding: 0px;
          margin: 0px;  
          clear:both;
}

.height5px{
          height: 5px;  
          padding: 0px;
          margin: 0px;  
clear:both;
}

p{
          font-size: 14px;
          padding : 0px ; 
          margin : 0px ; 
}


/* メニュー設定 */

div.menubar ul#menu{
  width: 900px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: auto;
  margin-left: auto;
  padding:0;
  border-bottom: 8px solid #EA2839;
}
div.menubar ul#menu li{
  list-style: none;
  margin:0px;
  padding:0;
  font-size:16px;
  float: left;
  position: relative;
  width: 150px;/*親メニューの幅*/
  height: 40px;/*親メニューの高さ*/
  line-height: 40px;
  text-align:center;
  font-weight:bold;
  font-family: メイリオ, sans-serif, ＭＳ Ｐゴシック, Arial;
}
div.menubar ul#menu a{
  color: #ffffff;
  text-shadow: 0.5px 0.5px 2px #E85160;
  display: block;
  text-decoration: none;
   width: 100%;
   height: 100%;
}
div.menubar ul#menu li:hover,div.menubar ul#menu a:hover{
  background-color:#EA2839;/*ホバー時の親メニューの背景色*/
  color:#fff;/*ホバー時の親メニューの文字色*/
}

div.menubar ul#menu { zoom:1; }

div.menubar ul#menu:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

div.menubar ul#menu ul.sub{
   background-color: #EA2839; /* サブメニュー全体の背景色 */
   margin: 0px;
   padding: 0px;
   display: none;
   position: absolute;
z-index: 100;
}
div.menubar ul#menu ul.sub li{
   width: 150px; /* サブメニュー1項目の横幅 */
   height: 40px; /* サブメニュー1項目の高さ */
z-index: 10;
}

div.menubar ul#menu ul.sub li a {
   line-height: 40px; /* サブメニュー1項目の行の高さ(「サブメニュー1項目の高さ」と合わせる) */
   text-align: center;  /* サブメニュー1項目の項目名の配置(左寄せ) */
}

div.menubar ul#menu ul.sub li a:hover {
  background-color:#FC9CA6;/*ホバー時の親メニューの背景色*/
  color:#fff;/*ホバー時の親メニューの文字色*/
}



/*News設定*/

#News-box{
	width: 520px;
	height: 198px;
       padding:2px;
	border: 3px solid #2aa;
	border-radius: 3px;
	background-image : url(../img/oshirase.gif);

}

.News ul{
list-style-type: none;
margin-top:-7px;
margin-left:-25px;
}

.News li{
line-height:16px;
font-size:12px;
font-weight:bold;
color:#666;
font-family: メイリオ, sans-serif, ＭＳ Ｐゴシック, Arial;
background-color:#ffffff; /*背景色*/
padding-bottom:5px;
border-bottom:dashed 1px #888; /*下線点線*/
}

.News li p{
font-size:11px;
color:#333;
margin-left:-10px;
}

.News li a{
}

.y_bottun{
   margin-bottom:5px;
   padding:2px 0px 0px 16px;
   font-weight:bold;
   font-size:14px;
   color:#fff;
//   background-color:#d00;
   background-color:#666;
   border-radius:3px;
}

.online_bottun a{
   margin-bottom:5px;
   padding:2px 0px 0px 16px;
   font-weight:bold;
   font-size:14px;
   color:#fff;
   background-color:#3A6DFA;
   border-radius:3px;
   display:block;
}

.online_bottun a:hover{
   background-color:#7598fb;
}

.list_none{
list-style-type:none;
}