@charset "shift_jis";

/* 一括で全ての要素の余白をゼロに指定 */
* { margin: 0; padding: 0; }

/* 文字 */
p {
		line-height: 1.5em;
		margin-bottom: 0.5em;
}

ul {
		margin-left: 2em;
		margin-bottom: 1em;
}

ol {
		margin-left: 2.5em;
		margin-bottom: 1em;
}

li {
		line-height: 1.5em;
		margin-bottom: 0.5em;
}

.txt10{
	font-size:		10px;
	color:			#666666;
	line-height:		13px;
	font-weight:		normal;
}

.txt11{
	font-size: 12px;
	color: #666666;
	line-height: 17px;
	font-weight: normal;
}
.text11 {
	font-size: 11px;
	line-height: 15px;
	color: #666;
}


.txt13{
	font-size: 14px;
	color: #666666;
	line-height: 17px;
	font-weight: bold;
}
.txt18_red {
	font-size: 18px;
	font-weight: bold;
	color: #F00;
	line-height: 20px;
}


.text16_b {
	font-size:		16px;
	color:		#004A9B;
	line-height:	15px;
	font-weight:	bold;
}

img { border: 0; }

table	{
	border: 1px #a9a9a9 solid;
	border-collapse: collapse;	border-spacing: 0;
	margin-bottom: 30px;
}
tr, td	{
	border: 1px #a9a9a9 solid;
	padding: 5px;
	color: #1D5C79;
}

/* 全体的なリンク */
a:link,
a:visited,
a:hover,
a:active { text-decoration: underline; }

a { overflow: hidden; }
a:link { color: #00f; }
a:visited { color: #90f; }
a:hover { color: #f00; }
a:active { color: #f00; }

.clear { clear: both; }

/* -------------------------------------------------------------
   [1] レイアウトに関する指定 */
body {
		text-align: center;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		padding: 0;
		margin: 0;
}

#bg {
		text-align: left;
		background-image: url(../img/bg.jpg);
		background-repeat: repeat-x;
		background-position: 0 0;
}

#home #bg { background-image: url(../img/bg-home.jpg); }

/*-- 全体を囲んでいます --*/
#wrapper {
		width: 900px;
		margin: 0 auto;
		padding: 0 10px;
		background-image: url(../img/bg-wrap.jpg);
		background-repeat: no-repeat;
		background-position: 0 90px;
}

#home #wrapper { background-image: url(../img/bg-wrap-home.jpg); }

/*-- ヘッダー部分 --*/
#header {
		position: relative;
		width: 100%;
		height: 140px;
}

#home #header {
		height: 140px;
		/* background-image: url(../img/bg-header-home.jpg); */
}

#container_etc {
		height:		125px;
		background-image: url(../img/bg-header.jpg);
		background-repeat: no-repeat;
		background-position: 0 100%;
}

#container {
		height:		250px;
}


/*-- コンテンツ部分 --*/
#contents {
		width: 700px;
		float: left;
		margin-bottom: 50px;
		background: url(../img/bg-contents.gif) no-repeat 0 0;
}

#contents_svc {
		width: 690px;
		padding: 0 0 0 10px;
		float: left;
		margin-bottom: 50px;
		background: url(../img/bg-contents.jpg) no-repeat 0 0;
}

#contents_etc {
		width: 700px;
		float: left;
		margin-bottom: 50px;
		background: url(../img/bg-contents.gif) no-repeat 0 0;
}

#contents_info {
		width: 900px;
		float: left;
		margin-bottom: 50px;
		background: url(../img/bg-contents.gif) no-repeat 0 0;
}

/*-- サイドバー部分 --*/
#sidebar {
		width: 200px;
		float: right;
		margin-bottom: 50px;
		padding-top: 30px;
}

/*-- 画像 --*/
p#toTop {
		text-align: right;
		clear: both;
		height: 20px;
		line-height: 20px;
		margin: 0;
		padding-right: 50px;
}

/*-- フッター部分 --*/
#footer {
		clear: both;
		padding: 1em 0 0.5em;
		background-color: #06c;
}

/* -------------------------------------------------------------
   [2] ヘッダーブロック内に関する指定 */

/* 見出し */
h1 {
		font-size: 100%;
		font-weight: normal;
		text-align: right;
		position: absolute;
		top: 7px;
		left: 0;
}

h2 {
		font-size: 140%;
		position: absolute;
		top: 170px;
		left: 30px;
}

/* サイトタイトル */
.logo {
		font-size: 160%;
		font-weight: bold;
		position: absolute;
		top: 30px;
		left: 0;
}

.myem {
		width: 900px;
		font-weight: bold;
		text-align: right;
		position: absolute;
		top: 30px;
		left: 0;
}

.logo a,
.logo a:hover { text-decoration: none; }

/* 概要 */
.description {
		line-height: 1.5em;
		position: absolute;
		top: 230px;
		left: 35px;
}

#home .description { top: 200px; }

/* グローバルナビゲーション */
.globalnavi {
		list-style-type: none;
		width: 900px;
		height: 40px;
		margin: 0;
		overflow: hidden;
		position: absolute;
		top: 95px;
		left: 0;
}

.globalnavi li {
		text-align: center;
		width: 180px;
		height: 40px;
		line-height: 40px;
		margin: 0;
		float: left;
}

.globalnavi a {
		text-decoration: none;
		display: block;
		width: 100%;
		background: url(../img/1bg-gnav.jpg) no-repeat 0 0;
}

.globalnavi a:hover {
		text-decoration: none;
		background: url(../img/1bg-gnav.jpg) no-repeat -180px 0;
}

/* -------------------------------------------------------------
   [3] コンテンツブロック内に関する指定 */

/* パン屑リスト */
p.topicpath {
		height: 40px;
		line-height: 40px;
		margin: 0;
}

/* 見出し */
h3,h4,h5,h6,h7,h8 { 
	font-size:		125%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 }

h3 {
		height: 30px;
		line-height: 30px;
		margin-bottom: 0.1em;
		padding-left: 30px;
		background: url(../img/bg-h3.gif) no-repeat 0 0;
		color: #06c;
}

h4,h5,h6 {
		height: 30px;
		line-height: 30px;
		margin: 2em 0 0.5em;
		padding-left: 30px;
		background: url(../img/bg-h.gif) no-repeat 0 0;
}

h7{
	height: 30px;
	line-height: 30px;
	margin-bottom: 0.1em;
	padding-left: 30px;
	background: url(../img/bg-h7.gif) no-repeat 0 0;
	color: #06c;
	font-size: 18px;
	font-weight: bold;
}

.supbox {
	width:		680px;
	padding:		10px;
	text-align:	center;

	
}

.supbox2 {
	width:		450px;
	border:		2px solid #CCCCCC;
	padding:		20px;
	margin:		0 auto;
	background:		#FFFFFF; 		/*背景　白色 #EEEEEE; */
}

/* -------------------------------------------------------------
   [4] サイドバーブロック内に関する指定 */
	 
/* サブメニュー */
.localnavi { /* 190px */
		list-style-type: none;
		margin: 0 0 20px;
		padding: 9px 4px;
		background-color: #eee;
		border: 1px solid #ccc;
}

.localnavi p {
		text-align: center;
		height: 30px;
		line-height: 30px;
		margin: 0;
		background: url(../img/bg-h3.gif) no-repeat 100% 0;
}

.localnavi ul { /* 190px */
		list-style-type: none;
		margin: 0;
		padding: 0;
		background-color: #fff;
		border: 0;
}

.localnavi a {
		text-decoration: none;
		display: block;
		width: 175px;
		padding: 5px 5px 5px 10px;
		border-bottom: 1px solid #eee;
}

.localnavi a:hover {
		text-decoration: none;
		border-bottom: 1px solid #c33;
		color: #c33;
}

/* お知らせ */
.sideinfo { /* 190px */
		list-style-type: none;
		margin-bottom: 20px;
		padding: 9px 4px;
		background-color: #eee;
		border: 1px solid #ccc;
}

.sideinfo dt {
		text-align: center;
		height: 30px;
		line-height: 30px;
		margin: 0;
		background: url(../img/bg-h3.gif) no-repeat 100% 0;
}

.sideinfo dd {
    font-size: 95%;
		padding: 15px 10px;
		background-color: #fff;
}

/* -------------------------------------------------------------
   [5] フッターブロック内に関する指定 */

/* ナビゲーション */
.footernavi {
		height: 1.5em;
		list-style-type: none;
		width: 70%;
		margin: 0 auto 2em;
}

.footernavi li {
		display: inline;
		line-height: 1.5em;
		margin: 0;
		padding: 0 1em;
		border-left: 1px solid #9cf;
}

.footernavi a {
		text-decoration: none;
		color: #fff;
}

.footernavi a:hover {
		text-decoration: none;
		color: #3ff;
}

/* コピーライト */
#footer p {
		text-align: center;
		width: 900px;
		margin: 0 auto 1em;
}

/* アドレス */
address {
		text-align: right;
		font-style: normal;
		line-height: 1.5em;
		width: 80%;
		margin: 0 auto;
}

address span { display: block; }

/* -------------------------------------------------------------
   [6] CSSデザインサンプルリンク指定 */
#footer #cds {
		text-align: right;
		font-size: 80%;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		line-height: 1;
		width: 80%;
		margin: 0 auto;
		padding-top: 1em;
}

#cds,#cds a,#cds a:hover {
		text-decoration: none;
		color: #69f;
}

/* -------------------------------------------------------------
   [7] トップページ用指定 */

.headline { margin: 0; }

.top-btn {
		list-style-type: none;
		width: 100%;
		margin: 0 0 10px;
		overflow: hidden;
}

.top-btn li {
		width: 200px;
		float: left;
		padding: 10px;
		background-color: #eee;
}

.btn01 { margin-right: 5px;}
.btn02 { margin-right: 5px;}

.top-btn span {
		text-align: center;
		display: block;
		width: 200px;
		height: 30px;
		line-height: 30px;
		background: url(../img/bg-h3.gif) no-repeat 100% 0;
}

.top-btn img {
		display: block;
		width: 200px;
		height: 120px;
}

.top-btn p {
		font-size: 95%;
		height: 6em;
		overflow: hidden;
		margin: 0 0 0.2em;
		padding: 0.5em;
		background-color: #fff;
}

.top-btn a {
		text-decoration: none;
		font-size: 95%;
		display: block;
		text-align: right;
}

.top-btn a:hover { text-decoration: none; }

.information {
		list-style-type: none;
		width:	93%;
		margin: 0;
		padding: 10px;
		background-color: #eee;
}

.information span { padding-right: 1em; }

.information li {
		line-height: 1.2em;
		margin-bottom: 1px;
		padding: 0.3em 1em;
		background-color: #fff;
}

.information a,
.information a:hover { text-decoration: none; }

.entry {
		line-height: 1.5em;
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 60px;		
}

.entry h3 { margin-bottom: 1em; }

.entry .entryday {
		line-height: 30px;
		margin: 0;
		border-top: 3px solid #06c;
}


.product_tbl	{
	border-collapse: collapse;	border-spacing: 0;
	margin-bottom: 20px;
	border: 1px solid #DDD;
}
.product_tbl th	{
	padding: 5px 10px;
	color: #1D5C79;
	background: url(../images/th_10.jpg) repeat-x bottom;
	border: 1px solid #DDD;
}
.product_tbl td	{
	border: 1px solid #DDD;
	padding: 5px 10px;
	color: #1D5C79;
}

/* The Nivo Slider styles */

#slider {
	position:relative;
	width:900px; /* 画像の幅 */
	height:260px;
	margin:0px 5px 5px 0px;
	background:#202834 url(../images/loading.gif) no-repeat 50% 50%;
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}


.nivo-controlNav {
	position:absolute;
	left:47%;
	bottom:-30px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:20px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}

.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}