@charset "shift_jis";

/* body他全般設定
--------------------------------------------------------------------*/
body,html {
        height:100%;
	color: #111751;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 95% "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: #0389AA url(../images/bg.png)repeat-x top;
}
h1,h2,h3,p,ul,li{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
a {
	color: #000066;
}
a:hover {
	color: #3399ff;
}
textarea {
   	resize: none;  
      wedth: 289px;
	color: #000066;
	border: none;
     background-color:transparent;
     text-align:left;
}
.l {
	text-align: left;
}
.look {
	background: #222222;
}

pre {
font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}



/* コンテナー・ドロップシャドウ
--------------------------------------------------------------------*/
#container {
	margin: 0 auto auto;
	width: 1000px;
}

#shadow {
	margin: 0 auto auto;
        background: url(../images/shadow.png) repeat-y;
	width: 1030px;
}



/* ヘッダー
--------------------------------------------------------------------*/
#header {
        width:100%;
        background-color: #111751;
        background:url(../images/pattern_bg.jpg);"
}


/* メインページ右カラム（メイン）
--------------------------------------------------------------------*/
#main {
	float: right;
	width: 490px;
	display: inline;
	margin-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}


/* メインページ左カラム（サブ）
--------------------------------------------------------------------*/
#sub {
	float: left;
	width: 480px;
	display: inline;
	margin-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	
}


/*　index.htmlメニュー
---------------------------------------------------------------------------*/
ul.menu li {
        margin:10px 0 10px 0;
}

ul.menu img {
	vertical-align: bottom;
}


/* 全ページ共通（コンテンツ書式設定）
--------------------------------------------------------------------*/
#contents {
        padding:8px 0 45px 0;
	background:#ffffff url(../images/contents_bg.gif)repeat-x top;
}

#contents p {
	padding-top: 0.5em;
	padding-bottom: 1em;
}


/* フッター
--------------------------------------------------------------------*/
#footer {
        height: 25px;
	width: 100%;
        position:absolute;
        bottom:0;
	clear: both;
	font-size: 13px;
	padding:10px 0 5px 0;
        color: #ffffff;
        background-color: #000034;
}

#wrap{    /* フッター下固定用 */
     width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
}

#footerNavi { /* フッターナビゲーション */
     color:#00536A;
     font-size:0.8em;
     text-align: center;
     margin-top: 30px;
     padding-bottom: 0;
}

#footerNavi a {
	color: #00A5D5;
}
#footerNavi a:hover {
	color: #55D9FF;
}



/* コンテンツページ
--------------------------------------------------------------------*/
#main2 {
	width: 1000px;
	text-align: left;
	display: inline;
}

#main2 ul {
        margin-left:1.8em;
        list-style-type: circle;
}
#main2 li {
        padding:0.1em 0 0.1em 0;
}

#main2 dd {
        padding-bottom:1.5em;
}

#main2 dd:last-child {
        padding-bottom: 0.5em;
}


/* グローバルナビゲーションメニュー(index以外全ページ共通）
--------------------------------------------------------------------*/
#gNavi {  
    padding:0; 
    width:1000px;  
    height:50px;  
    overflow:hidden;  
    background:#009 url('../images/menu_bg.png');   
}  

#gNavi li { 
    margin:0px;
    list-style:none; 
    width:165px;
    float:left;
 }  

#gNavi li a {  
    display:block;  
    line-height:50px;  
    color:#009;  
    text-align:center;  
}  
#gNavi li a:hover { background:#66c; }  




/* 見出し設定 (<h2>〜）
---------------------------------------------------------------------------*/
#h2style1 {
	text-align: center;
	margin:15px;
}

h3 {
	width: 875px;
        margin:15px 50px 10px 50px;
	padding:5px 5px 5px 10px;
	border-left:8px #2ca9e1 groove;
	border-bottom:1px #333 dashed;
}

.color1 {
	color: #F77A40;
        margin:10px;
	border-bottom: 1px #F7C451 dashed;
        font-size:1.1em;
	padding-right: 10px;
	padding-left: 10px;
}

.color2 {
	color: #F77A40;
	border-bottom: 1px #F7C451 dashed;
	padding-right: 10px;
	padding-left: 10px;
}


/*　divボックス
---------------------------------------------------------------------------*/
div.box2 {
	width: 870px;
        margin:15px auto 15px auto;
        padding:15px;
	border: 1px solid #84b2e0;	/*枠線の幅と線種と色*/
        background-color: #ffffff;
       -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
       -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
        -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
        box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
        
        filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 135, color = '#000000');
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 135, Color = '#000000')";
       /*Shadows look very different in IE (Only cardinal directions supported)*/
       /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
       /*Element should have a background-color*/
       /*All filters must be placed together*/
       /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eaffff');
       /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
       /*Element must have a height (not auto)*/
       /*All filters must be placed together*/
       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eaffff')";
       /*Element must have a height (not auto)*/
       /*All filters must be placed together*/
       background-image: -moz-linear-gradient(top, #ffffff, #eaffff);
       background-image: -ms-linear-gradient(top, #ffffff, #eaffff);
       background-image: -o-linear-gradient(top, #ffffff, #eaffff);
       background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eaffff));
       background-image: -webkit-linear-gradient(top, #ffffff, #eaffff);
       background-image: linear-gradient(top, #ffffff, #eaffff);
       -moz-background-clip: padding;
       -webkit-background-clip: padding-box;
       background-clip: padding-box;
      /*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
      /*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}

/*　スタッフ日記用divボックス
---------------------------------------------------------------------------*/
div.diarybox {
	width: 870px;
        margin:15px auto 15px auto;
        padding:15px;
	border: 1px solid #84b2e0;	/*枠線の幅と線種と色*/
        background-color: #ffffff;

       -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
       -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
        -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
        box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
        filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 135, color = '#000000');
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 135, Color = '#000000')";
       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eaffff');
       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eaffff')";
 
       background:url(../images/diaryclip.png),-moz-linear-gradient(top, #ffffff, #eaffff);
       background:url(../images/diaryclip.png),-ms-linear-gradient(top, #ffffff, #eaffff);
       background:url(../images/diaryclip.png),-o-linear-gradient(top, #ffffff, #eaffff);
       background:url(../images/diaryclip.png),-webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eaffff));
       background:url(../images/diaryclip.png),-webkit-linear-gradient(top, #ffffff, #eaffff);
       background:url(../images/diaryclip.png),linear-gradient(top, #ffffff, #eaffff);
	background-repeat:no-repeat;
	background-position:right bottom;
       -moz-background-clip: padding;
       -webkit-background-clip: padding-box;
       background-clip: padding-box;
}



/* divボックス（メインページ左カラム専用）
---------------------------------------------------------------------------*/
div.box1 {
	width: 460px;
        margin:10px 0 10px 0;
        padding:2px;
	border: 1px solid #84b2e0;	/*枠線の幅と線種と色*/
        background-color: #ffffff;
       -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
       -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
        -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
        box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
        
        filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 135, color = '#000000');
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 135, Color = '#000000')";
       /*Shadows look very different in IE (Only cardinal directions supported)*/
       /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
       /*Element should have a background-color*/
       /*All filters must be placed together*/
       /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eaffff');
       /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
       /*Element must have a height (not auto)*/
       /*All filters must be placed together*/
       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eaffff')";
       /*Element must have a height (not auto)*/
       /*All filters must be placed together*/
       background-image: -moz-linear-gradient(top, #ffffff, #eaffff);
       background-image: -ms-linear-gradient(top, #ffffff, #eaffff);
       background-image: -o-linear-gradient(top, #ffffff, #eaffff);
       background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eaffff));
       background-image: -webkit-linear-gradient(top, #ffffff, #eaffff);
       background-image: linear-gradient(top, #ffffff, #eaffff);
       -moz-background-clip: padding;
       -webkit-background-clip: padding-box;
       background-clip: padding-box;
      /*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
      /*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}

/*装飾テーブル３（class名:ta3　サークルリスト用）
---------------------------------------------------------------------------*/

.ta2 {
  width: 900px;
        margin:15px auto 15px auto;
  border-spacing: 0;
  font-size:14px;
}
.ta2 th {
  color: #fff;
  padding: 8px 15px;
  background: #258;
  background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));
  font-weight: bold;
  border-left:1px solid #258;
  border-top:1px solid #258;
  border-bottom:1px solid #258;
  line-height: 120%;
  text-align: center;
  text-shadow:0 -1px 0 rgba(34,85,136,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
.ta2 th:first-child {
  border-radius: 5px 0 0 0;	
}
.ta2 th:last-child {
  border-radius:0 5px 0 0;
  border-right:1px solid #258;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}
.ta2 tr td {
  padding: 8px 15px;
  border-bottom: 1px solid #84b2e0;
  border-left: 1px solid #84b2e0;
  text-align: center;
}
.ta2 tr td:last-child {
  border-right: 1px solid #84b2e0;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
.ta2 tr {
  background: #fff;
}
.ta2 tr:nth-child(2n+1) {
  background: #EAFFFF;
}
.ta2 tr:nth-child(5n+1) {  /* 5行目ごとに太線 */
    border-bottom: 2px solid #B0C4DE;
}
.ta2 tr:last-child td {
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
.ta2 tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
.ta2 tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}


/*　メールフォーム書式設定
---------------------------------------------------------------------------*/

textarea.mail {
	color: #000066;
	border: 1px solid #84b2e0;	/*枠線の幅と線種と色*/
        background-color:#ffffff;
}


/*　リンクテーブル
---------------------------------------------------------------------------*/
.ta3 {
  border-spacing: 0;
}

.ta3 tr td {
    padding: 8px;
}

/*clearfix
------------------------------------------------------------------*/
#contents:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#contents { display: inline-block; }

/* Hides from IE-mac \*/
*html #contents { height: 1%; }
#contents { display: block; }
/* End hide from IE-mac */


/*lightbox用設定
------------------------------------------------------------------*/

/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

/* line 15, ../sass/lightbox.sass */
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}
/* line 24, ../sass/lightbox.sass */
#lightbox img {
  width: auto;
  height: auto;
}
/* line 27, ../sass/lightbox.sass */
#lightbox a img {
  border: none;
}

/* line 30, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 39, ../sass/lightbox.sass */
.lb-container {
  padding: 10px;
}

/* line 42, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 51, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 59, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 62, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 65, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

/* line 72, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 76, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../images/prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../images/next.png) right 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 95, ../sass/lightbox.sass */
.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}
/* line 98, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 103, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 107, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}
/* line 112, ../sass/lightbox.sass */
.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}
/* line 117, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
}