@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      coda.css
 Update:         2008.04.14
 Style Info:     全ページ共通CSSファイル
----------------------------------------------------------- */
/* common設定
-------------------------------------------------------------------------------*/
body {
 margin: 0;
 padding: 0;
 text-align: center;
 font-family:'ＭＳ Ｐゴシック','Lucida Grande', Geneva, Verdana, Helvetica, sans-serif,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro W3,Osaka;
 color: #484848;
 background-color: #E7F9EC;
 font-size: 16px;
 line-height: 150%;
}

html>/**/body {
 font-size: 16px;
}

#container {
 margin: 0 auto;
 padding: 0;
 width: 845px;
 position: relative;
 text-align: left;
}

div, dl, dt, dd {
 margin: 0;
 padding: 0;
}
h1, h2, h3, h4, p, em, address {
 margin: 0;
 padding: 0;
 font-size: 100%;
 font-weight: normal;
 font-style: normal;
}
ul, li {
 margin: 0;
 padding: 0;
 list-style: none;
}
img {
 border: 0;
}
.align-right {
 text-align: right;
}
.align-right p {
 margin-right: 20px;
}
.align-left {
 text-align: left;
}
.align-center {
 text-align: center;
}
.hide {
 display: none;
}
.top5 {
 margin-top: 5px;
}
.top10 {
 margin-top: 10px;
}
.top15 {
 margin-top: 15px;
}
.top20 {
 margin-top: 20px;
}
.top50 {
 margin-top: 50px;
}
.right20 {
 margin-right: 20px;
}
.bottom10 {
 margin-bottom: 10px;
}
.bottom20 {
 margin-bottom: 20px;
}
.clear {
 clear: both;
}

/* ヘッダー設定
-------------------------------------------------------------------------------*/

#header {
 margin: 0 55px;
 padding: 20px 0 0;
 width: 735px;
 height: 53px;
}

#header h1 {
 float: left;
 margin: 0;
 padding: 0;
 width: 252px;
 height: 43px;
}

#header p {
 float: right;
 margin: 0;
 padding: 22px 0 0;
 width: 91px;
 height: 21px;
}

/* コンテンツ囲み設定
-------------------------------------------------------------------------------*/
.slider-wrap { /* 全体囲み部分 */
 clear: both;
 margin: 0;
 padding: 0;
 width: 845px;
 background: url(../../img/bg_contents.jpg) no-repeat left bottom;
}

/* グローバルメニュー設定
-------------------------------------------------------------------------------*/
.stripNav { /* グローバルメニュー囲み部分 */
 margin: 0 45px;
 padding: 0;
 width: 755px;
 height: 41px;
}

.stripNav ul { /* グローバルメニュー部分 */
 list-style: none;
 margin: 0;
 padding: 0;
 width: 755px;
 height: 41px;
 background: url(../../img/menu.jpg) no-repeat 0 -82px;
 font-size: 80%;
}

.stripNav ul li {
 display: block;
 float: left;
 overflow: hidden;
}

li.tab1, li.tab1 a {
 display: block;
 width: 140px;
 height: 41px;
}
li.tab2, li.tab2 a {
 display: block;
 width: 131px;
 height: 41px;
}
li.tab3, li.tab3 a {
 display: block;
 width: 169px;
 height: 41px;
}
li.tab4, li.tab4 a {
 display: block;
 width: 138px;
 height: 41px;
}
li.tab5, li.tab5 a {
 display: block;
 width: 157px;
 height: 41px;
}

li a {
 text-indent: -9999px;
}

/* コンテンツ設定
-------------------------------------------------------------------------------*/
.stripViewer { /* コンテンツ囲み部分 */
 position: relative;
 overflow: hidden; 
 margin: 0 55px;
 width: 735px;
 height: 535px;
 clear: both;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
 position: relative;
 left: 0; top: 0;
 width: 100%;
 list-style-type: none;
 /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
 float:left;
 height: 100%;
 position: relative;
 width: 735px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
 padding: 20px 20px 0;
}

/* リンク設定
----------------------------------------------------------- */
a:focus { outline:none }

.stripNav li.tab1 a { background: url(../../img/menu.jpg) no-repeat 0 0; }
.stripNav li.tab2 a { background: url(../../img/menu.jpg) no-repeat -140px 0; }
.stripNav li.tab3 a { background: url(../../img/menu.jpg) no-repeat -271px 0; }
.stripNav li.tab4 a { background: url(../../img/menu.jpg) no-repeat -440px 0; }
.stripNav li.tab5 a { background: url(../../img/menu.jpg) no-repeat -578px 0; }

.stripNav li.tab1 a:hover { background: url(../../img/menu.jpg) no-repeat 0 -41px; }
.stripNav li.tab2 a:hover { background: url(../../img/menu.jpg) no-repeat -140px -41px; }
.stripNav li.tab3 a:hover { background: url(../../img/menu.jpg) no-repeat -271px -41px; }
.stripNav li.tab4 a:hover { background: url(../../img/menu.jpg) no-repeat -440px -41px; }
.stripNav li.tab5 a:hover { background: url(../../img/menu.jpg) no-repeat -578px -41px; }

.stripNav li.tab1 a.current { background: url(../../img/menu.jpg) no-repeat 0 -82px; }
.stripNav li.tab2 a.current { background: url(../../img/menu.jpg) no-repeat -140px -82px; }
.stripNav li.tab3 a.current { background: url(../../img/menu.jpg) no-repeat -271px -82px; }
.stripNav li.tab4 a.current { background: url(../../img/menu.jpg) no-repeat -440px -82px; }
.stripNav li.tab5 a.current { background: url(../../img/menu.jpg) no-repeat -578px -82px; }


/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 485px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}


.subnavi a, .subnavi a:link, subnavi a:visited {
 text-decoration: none;
 color: #FFF;
}

.subnavi a:hover, subnavi a:active {
 text-decoration: underline;
 color: #2C4645;
}

/* 左右矢印設定
----------------------------------------------------------- */
.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 320px;
	text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}

.stripNavL {
	left: 0;
}

.stripNavR {
	right: 0;
}

.stripNavL {
	background: url("../../img/arrow-left.jpg") no-repeat center;
}

.stripNavR {
	background: url("../../img/arrow-right.jpg") no-repeat center;
}

/* フッター設定
------------------------------------------------------------*/
#container-footer {
 margin: 0;
 padding: 0;
 width: 100%;
 height: 100%;
 text-align: left;
 background-color: #85B1AC;
}
#footer {
 margin: 0 auto;
 padding: 40px 0;
 width: 735px;
 color: #FFF;
 font-size: 12px;
 background: #85B1AC url("../../img/bg_footer.jpg") no-repeat center top;
}
.copyright {
 float: left;
 width: 45%;
 text-align: left;
}
.subnavi {
 float: right;
 width: 45%;
 text-align: right;
}