@import url(http://fonts.googleapis.com/css?family=Chango);

body	{width: 100%;
       margin: 0 auto;
       font-family: 'Arial','Helvetica','メイリオ', 'Hiragino Kaku Gothic Pro', 'sans-serif';
	background-color: #edede3;
	background-image: url(back.png);
	}

h1	{font-size: 30px;
	margin-top: 0;       
	margin-bottom: 0}

p	{line-height: 1.5 
        }


/* ヘッダー */
header	{
background-color: #ffffff;
	border-bottom: solid 3px #aaaaaa;
	margin-bottom: 30px;
	-webkit-box-shadow: 0 1px 7px #aaaaaa;
	box-shadow: 0 1px 7px #aaaaaa;
	padding: 5px 5px 5px 5px}

header h1{font-family: 'Arial'
        font-size: 30px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
        margin-top:-18px;
}

header p {font-family: 'Arial'
        font-size:0px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
        margin-top:-5px;
        padding-bottom:-100px;}

.slide{
	width: 875px;
	margin-left: auto;
	margin-right:auto;       
	padding:0;
	}
.slideDetect{
	width: 875px;
	margin-left: auto;
	margin-right:auto;
	}

/* 記事 */
article	{background-color: #ffffff;
	width: 960px;
        margin-top:0;
	margin-left: auto;
	margin-right: auto;
	padding-left:40px;
        padding-top:10px;
}

.Characteristic h2{font-family: 'Arial'
                 }

/* フッター */
footer	{
background-color: #ffffff;
	border-top: solid 3px #aaaaaa;
	margin-bottom: 10px;
	-webkit-box-shadow: 0 1px 7px #aaaaaa;
	box-shadow: 0 1px 7px #aaaaaa;
	padding: 5px 5px 5px 5px}
	margin-left: auto;
	margin-right: auto;
	clear: both}



/* 画像を中央に配置するレイアウト */
figure.photo-center	{text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;}

/* 画像を左に配置するレイアウト */
figure.photo-left	{margin: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left}

figure.photo-left img	{width: 550px}

/* 画像を右に配置するレイアウト */
figure.photo-right	{margin: 0;
	margin-left: 20px;
	float: right}

figure.photo-right img	{width: 550px}

/* 小見出し */
h2	{clear: both;
	margin-top: 20px}

.title{
        width:920px;
	position:relative;
	padding:0px;
	padding-left:10px;
	font-weight: bold;
	font-size: 14px;
	background-color:#333333;
	color: #fff;
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
}
 
.title:before{
	content:''; 
	height:40px; 
	width:3px; 
	display:block; 
	position:absolute; 
	top:1px; 
	left:1px; 
	background-color:#fff;
	border-left: 4px solid #fff;
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
}

.title h2{ padding:10px;}

.title1 h3{padding-left: 20px;        
}
.title2 h3{padding-left: 20px;
padding-top: 50px;
}

.title3 h4{padding-left: 20px;}
/* リンク */
a	{color: #000080}

a:hover	{color: #ff8800}

a img	{border: none}


/* 関連記事へのリンク */
aside { width:920px;
 }


	
/* ナビゲーションメニュー */
nav ul	{list-style-type: none;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	font-size: 0}

nav li	{display: inline;
	font-size: 12px;
	border-right: solid 1px #aaaaaa;
	padding-left: 10px;
	padding-right: 10px}

nav li:first-child	{border-left: solid 1px #aaaaaa}

nav	{width:960px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	margin-top: -27px;
	margin-bottom: 10px}

nav a	{color: #000000;
	text-decoration: none}


/* ▼TOPへ戻るボタン  */

#topbutton {
			/* ▽表示位置を画面の右下に固定 */
			position: fixed;
			bottom: 18px;
			right: 18px;
			width: 7em;

			/* ▽最初は非表示にしておく */
			display: none;

			/* ▽配色・配置・文字の装飾など */
			background-color: #2525aa;
			opacity: 0.75;
			border-radius: 20px;
			text-align: center;
			font-size: 90%;
			font-weight: bold;
			margin: 0px;
			padding: 5px;
		}
		#topbutton a {
			/* ▽リンクの装飾 */
			color: white;
			text-decoration: none;
		}
		#topbutton a:hover {
			/* ▽マウスが載ったときの装飾 */
			color: yellow;
			text-decoration: underline;
		}


/* パンくずリスト */



ol.topic-path {
width:960px;
	margin-left: auto;
	margin-right: auto;
 
padding:0px; /* パディング（上下、左右） */

list-style-type: none; /* リストマーク非表示 */
font-size: 100%; /* 文字サイズ */
}
/* リスト項目 */
ol.topic-path li {
padding-left: 5px; /* 左パディング */
display: inline; /* 項目を横並び */
}
/* リスト項目（最初の項目） */
ol.topic-path li.first {
padding-left: 25px; /* 左パディング */
background: url(images/topicA.png) no-repeat left; /* ホーム記号（※） */
}
/* リンクエリア */
ol.topic-path li a {
padding-right: 18px; /* 右パディング */
background: url(images/topic.gif) no-repeat right; /* 矢印記号（※） */
}
/* リンク色 */
ol.topic-path li a {
color: #4682b4;
}
/* リンク色（マウスオーバー） */
ol.topic-path li a:hover {
color: #79a7cc;
}

/* おしらせ */
.news {width: 940px;
	margin-top: 70px;
}

.news h3 {
	font-size: 20px;/*指定された要素を左に寄せて配置 */
	border-bottom: 3px solid #edede3;/*指定された要素を左に寄せて配置 */
	padding: 5px 0;/*内側の余白を指定 */
}

.news table {
	width: 100%;
border-bottom: 3px solid #edede3;
}
.news table tr th,
.news table tr td {
	font-size: 14px;
	line-height: 1.429;/*指定された要素を左に寄せて配置 */
	padding: 10px 0;/*内側の余白を指定 */
	border-bottom: 1px dotted #edede3;
	vertical-align: top;
}
.news table tr th {
	white-space: nowrap;
	padding-right: 30px;
}
.news table tr td {
	width: 100%;
}

.ot p{	font-size: 14px;}
        	
  .auto-style1 {
	font-family: "Arial";
	font-size: 30px;
	color: #505050;
}
        	
  .auto-style2 {
	font-size: medium;
	font-family: "Arial";
	color: #505050;
}
        	
  .auto-style3 {
	font-size: small;
	font-family: "Arial";
	text-align: center;
	color: #505050;
}
        	
  .auto-style6 {
	text-align: center;
	background-color: #DED3EC;
}
        	
  .auto-style7 {
	border-style: solid;
	border-width: 1px;
}
.auto-style8 {
	background-color: #F4F1F8;
}
        	
  .auto-style9 {
	font-size: medium;
	font-family: "Arial";
	color: #FF0000;
}

.description{
 width:960px;
 margin-left: auto;
 margin-right: auto;    	
 padding:10px 0px 50px 20px; /* 左パディング */

.description1{
 width:960px;
 margin-left: auto;
 margin-right: auto;    	
 padding: 100px 0px 0px 20px;
}