﻿@charset "utf-8";
/* CSS Document */

/* 全体の設定
--------------------*/
header,footer,nav,section,

body,p,h1,h2,h3,h4,h5,h6,
ul,li,img{
	margin:0;
	padding:0;
	font-size:100%;
	line-height:140%;
	font-weight:normal;
}

.clearfix{zoom:1;}
.clearfix:after{
	content:"";
	clear:both;
	display:block;
}

body{font-size:14px;-webkit-text-size-adjust:none;}

img{border:none;}
li{list-style:none;}

a{color:#ef748e;}/* リンク色変更はここ */
.radius{border-radius:5px;}/* 画像の角丸が必要ない場合はここを削除 */

a:link {
  color: #005ebb;
}

a:hover {
  color: #004080;
}

a:visited {
  color: #005ebb;
}

/*----------------------------------------
 トップページここから
----------------------------------------*/

/* ヘッダ部分
--------------------*/
.header{
	padding:5px 0 2px;
	background-image: linear-gradient(bottom, rgb(210,210,210) 0%, rgb(245,245,245) 50%, rgb(210,210,210) 100%);
	background-image: -o-linear-gradient(bottom, rgb(210,210,210) 0%, rgb(245,245,245) 50%, rgb(210,210,210) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(210,210,210) 0%, rgb(245,245,245) 50%, rgb(210,210,210) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(210,210,210) 0%, rgb(245,245,245) 50%, rgb(210,210,210) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(210,210,210) 0%, rgb(245,245,245) 50%, rgb(210,210,210) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(210,210,210)),
		color-stop(0.5, rgb(245,245,245)),
		color-stop(1, rgb(210,210,210))
	);
	-webkit-box-shadow:0 2px 3px #ababab;
}

.h_l{
	border-bottom:1px dotted #7e7e7e;
	width:100%;
	padding:5px 0 7px;
}

h1{
	text-shadow:0 1px #fff;
	font-size:18px;
	font-weight:bold;
	margin-left:10px;
}

h1 a{
	color:#333;
	text-decoration:none;
}

#back a{
	display:block;
	position:absolute;
	top:6px;
	right:10px;
	padding-top:4px;
	width:60px;
	height:23px;
	color:#545454;
	text-shadow:0 1px #fff;
	text-decoration:none;
	text-align:center;
	border:1px solid #7e7e7e;
	border-radius:5px;
	background-image: linear-gradient(bottom, rgb(205,205,205) 0%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(bottom, rgb(205,205,205) 0%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(205,205,205) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(205,205,205) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(205,205,205) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(205,205,205)),
		color-stop(1, rgb(255,255,255))
	);
	-moz-box-shadow: 1px 1px 0 #fff;
	-webkit-box-shadow: 1px 1px 0 #fff;
}


/* 導入部分
--------------------*/

#intro{
	margin:10px;
}

.cent{
	text-align:center;
}

/* News部分
--------------------*/
#newswrapper{
	width:300px;
	margin:5px auto 15px;
}

h2.topt{
	float:left;
	border-left:5px solid #ef748e;
	margin-bottom:3px;
	padding-left:2px;
	font-weight:bold;
	font-size:16px;
	color:#333;
}

.ichi{
	float:right;
	margin-bottom:3px;
}

#newsbox{
	border:1px solid #7e7e7e;
	border-radius:5px;
	width:268px;
	height:27px;
	margin:0 auto;
	padding:3px 16px;
}

.bx-prev{
	background:url(img/ar_l.gif) no-repeat;
	text-indent:-9999px;
	position:absolute;
	width:18px;
	height:27px;
	top:0;
	left:-18px;
}

.bx-next{
	background:url(img/ar_r.gif) no-repeat;
	text-indent:-9999px;
	position:absolute;
	width:18px;
	height:27px;
	top:0;
	right:-18px;
}

#slider{
	width:268px;
	margin:5px 0 0 3px;
}


section {
  margin: 0 0 8px 0;
}

section h2 {
  margin: 0 0 8px 0;
  padding: 5px 0 3px 14px;
  font-weight:bold;
  font-size: 14px;
  color: #330099;
  border-bottom: solid 2px;
  border-bottom-color: #005ebb;
  background: url(img/h_bg.gif) center repeat-x;
}

section p {
  margin: 0 0 12px 12px;
  padding: 3px 0;
  font-size: 12px;
  line-height: 1.8;
}

section .gray_bg {
  margin: 8px 0 8px 0;
  padding: 2px 8px 2px 8px;
  line-height: 1.7;
  letter-spacing: 1px;
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  background-color: #eeeeee;
}

section .gray_bg p {
  padding: 3px;
  line-height: 1.7;
  letter-spacing: 1px;
}

section img.picture {
  margin: 0 10px 10px 0;
  float: left;
}

section img.picture_r {
  margin: 0 0 10px 10px;
  float: right;
}

section span.red {
  color: #e60033;
}

section span.red_b {
  color: #e60033;
  font-weight: bold;
}

section span.blue {
  color: #007bbb;
}

section span.pink {
  color: #c53d43;
}

section span.brown {
  color: #993300;
}

section span.brown_b {
  color: #993300;
  font-weight: bold;
}

section span.green {
  color: #00ae4f;
}

section table.table_line {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #bbbbbb;
  margin : 8px  0 8px 0;
}

section td.table_line {
  border-collapse: collapse;
  border: solid 1px #bbbbbb;
  padding : 8px 10px 8px 10px;
}


/*---------- ナビ ----------*/

nav {
  width: 100%;
  text-decoration: none;
  margin: 0 0 10px 0;
  background: url(img/nav_bg.gif) repeat-x;
}

nav h2 {
  padding: 5px 0 3px 14px;
  font-size: 14px;
  color: #ffffff;
  border-bottom: solid 1px;
  border-bottom-color: #005ebb;
  background: url(img/h_bg_gray.gif) center repeat-x;
}

nav ul {
  width: 100%;
  border-top: solid 1px;
  border-top-color: #cccccc;
}

nav li {
  width: 100%;
  list-style: none;
  text-align: center;
}

nav li a {
  padding: 10px;
  display: block;
  color: #005ebb !important;
  font-weight: bold;
  text-decoration: none;
  border-bottom: solid 2px;
  border-bottom-color: #cccccc;
  background: url(img/nav_bg.gif) repeat-x;
}

nav li a:hover {
  color: #004080 !important;
  display: block;
  font-weight: bold;
  text-decoration: none;
  border-bottom: solid 2px;
  border-bottom-color: #cccccc;
  background: url(img/nav_bg_hover.gif) repeat-x;
}

/* フッタ部分
--------------------*/
#footer{
	text-align:center;
	background:#bfbfbf;
	color:#fff;
	font-size:12px;
	padding:1px 0 5px;
	margin-top:10px;
	-webkit-box-shadow:0 -2px 3px #ababab;
}

#footer ul{
	margin:0 0 10px;
	padding-top:15px;
	border-top:1px solid #fff;
}

#footer li{
	display:inline;
	border-left:1px solid #7e7e7e;
	padding:7px 0;
}

#footer li a{
	color:#333;
	text-decoration:none;
	font-size:14px;
	text-shadow:0 1px #fff;
	border-left:1px solid #fff;
	padding:6px 12px;
}

.last{border-right:1px solid #fff;}
.last a{border-right:1px solid #7e7e7e;}

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