@charset "shift_jis";
@import url("./css/tables.css");
@import url("./css/commonstyles.css");

/* -------------------------------- 基本スタイル */

body {
  background: #F5F5F5 url(./img/orange_gradation.gif) repeat-x;
  color: #333;
  font-size: 14px;
  line-height: 140%;
  margin: 0px;
  padding: 0px;
  text-align: center; }

div, p, h1, h2, h3, h4, h5, h6 {
  display: block;
  text-align: left;
  margin: 0px;
  padding: 0px; }

h1, h2, h3, h4 {
  font-family: sans-serif;
  font-weight: bold; }

h1,h2,h3,h4{ clear: both; }

.FloatEnd {
  clear: both;
  display: block;
  height: 1px; }

p { margin-bottom: 10px; }

/* -------------------------------- リンク */

a,a:visited { color: #0000ff; }

a:hover { color: #ff9900; }

a img {
  border: none;
  text-decoration: none; }

a:hover img {
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )"; }

.txt-img img { margin: 0px 0px 0px 0px; }

/* ------------------------------ 文字装飾 */

strong { font-weight: bold; }

.aka { color: #db0000; }

.ao { color: #000581; }

.big { font-size: 16px; }

.b { font-weight: bold; }

.u { text-decoration: underline; }

.ylw {
  background: url(./img/ylw.png);
  padding: 0 3px; }

.kochira {
  clear: both;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  text-align: right; }

.bg { background: #fefcf0; }

.imgl {
  float: left;
  margin: 0 10px 10px 0; }

.imgr {
  float: right;
  margin: 0 0 10px 10px; }

.FloatEnd {
  clear: both;
  display: block;
  height: 1px; }

/* -------------------------------- リスト */

ul {
  display: block;
  margin: 10px 0; }

li {
  display: list-item;
  margin: 0; }

ul li {
  list-style-type: none;
  list-style-image: url(./img/li.gif); }

/* -------------------------------- 基本レイアウト */

#container {
	width: 920px;
	margin-right: auto;
	padding: 0px 5px 0px 5px;
	margin-left: auto;
}

/* -------------------------------- ヘッダー */

#header {
  background: #fff;
  border-bottom:double 5px orange; }

#header .title {
  float: left;
  font-size: 10px;
  margin: 0 0 0 10px;
  width: 422px; }

#header .banner {
  float: right;
  margin: 10px 10px 10px 0;
  width: 468px; }

/* -------------------------------- グローバルメニュー */

#topmenu {
	background-repeat: repeat-x;
	height: 48px;
	line-height: 42px;
	width: 910px;
	position: absolute;
	top: 95px;
	margin: 0px;
	padding: 0px;
	background-image: url(img/menu_item.jpg);
	background-position: left top;
	font-size: 13px;
}

#topmenu span a {
	overflow: hidden;
	width: 20%;
	_width:19.6%;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	float: left;
	height: 45px;
	_height:47px;
	background-image: url("img/navi_li.jpg");
	background-position: left 3px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	padding-bottom:3px;
	display: block;
}
#topmenu span a:hover {
	background-image: url(img/menu_item_hover.jpg);
	background-position: 5px top;
	background-repeat: repeat-x;
	color: #FFFFFF;
}

#siteNavi {
  font-size: 12px;
  margin: 10px 0; }

#contents {
	padding: 10px;
	min-height:400px;
	background: #FFFFFF;
}

/* -------------------------------- フッター */

#footer {
	text-align: center;
	color: #FFFFFF;
	line-height: 64px;
	height: auto;
	background: url(img/footer.jpg) ;
	position: relative;
}

#footer a{
	color: #FFFFFF;
	text-decoration: underline;
}

#footlink {
	color: #666666;
	font-size: 12px;
	line-height:32px;
	text-align:center;
}
#footlink a {
	color: #FFF;
	margin-left:5px;
	margin-right:5px;
}

#footer_inner {
	text-align: center;
	color: #FFFFFF;
	line-height: 64px;
	height: auto;
	width: 950px;
	margin:auto;
}

#fne,#ff5 {
	text-align: left;
	line-height: 120%;
	font-size: 12px;
	padding: 0 8px 8px;
	float: left;
	width: 300px;
}

#fne_in {
    font-size: 12px;
    line-height: 120%;
    padding: 0 8px 8px;
    text-align: left;
}

#fne ul, #ff5 ul ,#ff6 ul{
	padding-left: 15px;
}

#fne ul li, #ff5 ul li,#ff6 ul li {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-bottom: 10px;
}

#fne ul li a, #ff5 ul li a,#ff6 ul li a {
	text-decoration: underline;
}

#ff6 {
	text-align: left;
	line-height: 120%;
	font-size: 12px;
	padding: 0 8px 8px;
	float: right;
	width: 300px;
}

#fne h4, #ff5 h4, #ff6 h4 {
	font-size: 16px;
	line-height: 34px;
	background-image: url(img/01.jpg);
	background-repeat: no-repeat;
	background-position: left 7px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-right: 8px;
	padding-left: 30px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #ffffff;
	border-bottom: solid 2px #ffffff;
}

/* -------------------------------- フリースペース */
#space1 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#space2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#space3 {
	background-color: #FFFFFF;
	text-align: left;
	line-height: 120%;
	font-size: 12px;
	padding: 3px 8px 8px 8px;
	color: #666666;
	border-top: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
}

#space4 {
	background-color: #FFFFFF;
	text-align: left;
	line-height: 150%;
	font-size: 12px;
	padding: 10px 10px;
	color: #666666;
	border-top: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
}

#space5,#space6 {
	text-align: left;
	line-height: 120%;
	font-size: 12px;
	padding: 0 8px 8px;
}

/* -------------------------------- モジュール */

#ad {
	float: right;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 15px;
	padding-right: 10px;
}

/* -------------------------------- レイアウト差分 */

#main {
	float: left;
	width: 640px;
}

#menu {
	float: right;
	width: 250px;
}

#return {
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: right;
}

form input {
	vertical-align: middle;
}

/* -------------------------------- 各種見出し */

h1 {
	font-size: 12px;
	text-align: right;
	color: #999999;
	line-height: 12px;
	margin: 0 0 0 0;
	padding:2px 10px 0 0;
	font-family: sans-serif;
	background-color: #FFFFFF;
}

#main h2,#main h3 {
	background-image: url("./img/h2.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	color: #333333;
	font-size: 17px;
	line-height: 40px;
	margin: 10px 0 0 0;
	padding: 0 0 0 24px;
	overflow: hidden;
}

#main h4  {
	font-size: 16px;
	line-height: 28px;
	background-image: url(img/h4.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	background-position: left bottom;
	padding-right: 8px;
	padding-left: 25px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #333333;
}

#main h5{
	background-image: url(img/h5.jpg);
	background-position: left 4px;
	background-repeat: no-repeat;
	font-size: 15px;
	line-height:35px;
	text-indent: 25px;
	margin-top: 10px;
	margin-bottom: 3px;
}

#main  h6{
	background-image: url(img/h6.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	font-size: 15px;
	line-height: 20px;
	margin-top: 6px;
	margin-bottom: 6px;
}

/* -------------------------------- サイトマップ */

#sitemaps{
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#sitemaps ul{
	margin:0;
	padding:0;
}

#sitemaps li{
	list-style-type: none;
	list-style-image: none;
}

#sitemaps .sbox1, #sitemaps .sbox2 {
	width: 47%;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}

#sitemaps .sbox1 {
	float: left;
	clear: left;
}

#sitemaps .sbox2 {
	float: right;
	clear: right;
}

#sitemaps .l1 {
	background-image: url(./img/sitemap_l1.jpg);
	line-height: 28px;
	height: 30px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top:0px;
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 35px;
	overflow: hidden;
}

#sitemaps .l2 {
	background-image: url(img/sitemap_l2.jpg);
	background-repeat: no-repeat;
	background-position: left 4px;
	line-height: 20px;
	text-indent: 15px;
	margin-left: 22px;
	margin-bottom: 3px;
}

#sitemaps .l3 {
	background-image: url(img/sitemap_l3.jpg);
	background-repeat: no-repeat;
	background-position: left 4px;
	line-height: 20px;
	text-indent: 15px;
	margin-left: 38px;
	margin-bottom: 3px;
}
#whatsnew {
	border: 1px solid #CCCCCC;
	background-image: url(img/whats_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 20px;
	padding-top: 45px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#whatsnew  li  {
	line-height: 25px;
	list-style-image: url(img/whats_li.jpg);
	margin-right: 10px;
	margin-left: 10px;
}

/* -------------------------------- カテゴリーリスト */

#categorylist {
	padding: 10px 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

#categorylist .cbox{
	margin-bottom:15px;
}

#categorylist .cbox:after {
	clear: both;
}

#categorylist h4 {
	clear: none;
	background-image: url(img/categorylist.jpg);
	background-repeat: no-repeat;
	font-size: 15px;
	height: 30px;
	padding-left: 30px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	line-height: 30px;
	background-position: left top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	overflow: hidden;
}

#categorylist h4 a{
	color: #0f5590;
}

#categorylist p {
	padding: 0px 14px;
}

#categorylist .desc {
	font-size: 12px;
	line-height: 130%;
	color: #505050;
	padding: 10px;
}

#categorylist  .more {
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
}
#categorylist .bottom {
	background-image: url(img/categorylist_bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

/* -------------------------------- エントリーリスト */

#entrylist {
	padding: 10px;
}

#entrylist dl {
	padding: 6px;
	display: block;
}

#main #entrylist h4 {
	background-image: url(./img/entlist_title.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#entrylist dt {
	font-weight: bold;
	font-size: 14px;
	background-image: url(./img/entlist.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 15px;
	line-height: 20px;
}

#entrylist dd {
	margin-left: 15px;
	margin-bottom: 8px;
	font-size: 11px;
	color: #757575;
	line-height: 120%;
}

/* -------------------------------- 記事スタイル */

.txt-border {
	background-image: url(img/dott.gif);
	line-height: 22px;
	font-size: 13px;
	margin: 10px;
	padding: 0px;
	background-position: 0px 5px;
}

.txt-border p {
	line-height: 22px;
	font-size: 13px;
}

.txt-line  {
	border: 2px solid #CCCCCC;
}

.txt-yellowback {
	background-color: #FFF9DF;
	border: 2px solid #CC0000;
}

.txt-grayback {
	border: 1px solid #D9D9D9;
	background-color: #E6E6E6;

}

.txt-colorback {
	border:solid 1px #FFB380;
	background-color: #FFF2DF;
}

.txt-frame{
	border:solid 2px #CCCCCC;	
}

.txt-colorframe{
	border:solid 2px #CC0000;
}

.txt-rndbox .top{
	height:15px;
	background-image: url(./img/round.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.txt-rndbox .body{
	border-left:solid 1px #B4B4B4;
	border-right:solid 1px #B4B4B4;
	padding:10px 30px;
}

.txt-rndbox .bottom{
	height:15px;
	background-image: url(./img/round.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.txt-decbox1 {
	background-image: url(./img/dec1_body.gif);
	background-repeat: repeat-y;
}

.txt-decbox1  .top{
	height:50px;
	background-position: left top;
	background-image: url(./img/decbox1.gif);
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-right: 50px;
	padding-left: 50px;
	font-size: 30px;
}

.txt-decbox1  .body{
	padding-top: 5px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
}

.txt-decbox1  .bottom{
	height:70px;
	background-image: url(./img/decbox1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.txt-decbox2 {
	background-image: url(./img/dec2_body.gif);
	background-repeat: repeat-y;
}

.txt-decbox2  .top{
	height:40px;
	background-image: url(./img/decbox2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 40px;
	padding-right: 50px;
	padding-left: 50px;
	font-size: 30px;
}

.txt-decbox2  .body{
	padding-top: 5px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
}

.txt-decbox2  .bottom{
	height:65px;
	background-image: url(./img/decbox2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#main .txt-grayback,#main  .txt-colorback,#main .txt-line, #main .txt-frame,#main .txt-colorframe{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 30px;
}

#main .txt-rndbox, #main .txt-decbox1, #main .txt-decbox2{
	padding:0px;	
}

#main .txt-decbox1 h3,#main .txt-decbox2 h3 ,#main .txt-decbox1 h2,#main .txt-decbox2 h2{
	width: auto;
	padding: 0px;
	position: static;
	background-image: none;
	border: none;
	font-size: 26px;
	text-align: center;
}

#main .txt-decbox1 h3 span, #main .txt-decbox2 h3 span {
	background-image: none;
}

/* -------------------------------- サイドメニュー */

#menu img{
	max-width:100%;
}

#menu ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#menu  li {
	list-style-type: none;
	list-style-image: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	_display:inline;
	border-bottom: 1px solid #C0C0C0;
}

#menu h4 {
	height: 30px;
	overflow: hidden;
	margin: 10px 0px 0px 0px;
	padding: 8px 0px 0px 15px;
	background-image: url(img/side1.png);
	color: #FFFFFF;
	font-size: 16px;
}

#menu .menubox {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
}

#menu .menubox2 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
}

#menu li a {
	line-height: 13px;
	display: block;
	font-size: 13px;
	text-decoration: none;
	background-image: url(img/li.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 8px 11px 8px 25px;
	color: #666666;
}

#menu li a:hover {
	background-image: url(img/li2.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #F5F5F5;
	color: #ff9900;
}

*:first-child+html #menu .menubox,*:first-child+html #rmenu .menubox {
	padding:4px;
}

*:first-child+html #menu li a,*:first-child+html #rmenu li a{ 
	padding-top: 2px;
	padding-bottom: 2px;
}

.menubox {
	width: auto;
}

.menubox2 {
	margin-bottom:15px;
}

/* -------------------------------- 水平線 */

#main .border1,#main .border2,#main .border3,#main .borderdot,#main .borderdot2{
	margin: 10px;
	padding: 0px;
	line-height: 1px;
	height: 1px;
}

#main .border1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#main  .border2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
}

#main  .border3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
}
#main .borderdot {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
}
#main .borderdot2 {
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #999999;
}

#linklist {
	padding: 15px;
}

#linklist dt {
	font-size: 14px;
	font-weight: bold;
	background-image: url(./img/entlist.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}

#linklist dd {
	padding-left: 18px;
	margin-left: 0px;
	margin-bottom: 10px;
}

/* -------------------------------- 追加テンプレート用 */

#main .point1{
	background-image: url(./img/point1.png);
}
#main .point2{
	background-image: url(./img/point2.png);
}
#main .point3{
	background-image: url(./img/point3.png);
}
#main .point4{
	background-image: url(./img/point4.png);
}
#main .point5{
	background-image: url(./img/point5.png);
}
#main .point6{
	background-image: url(./img/point6.png);
}
#main .point7{
	background-image: url(./img/point7.png);
}
#main .point8{
	background-image: url(./img/point8.png);
}
#main .point9{
	background-image: url(./img/point9.png);
}
#main .point10{
	background-image: url(./img/point10.png);
}

.pink {
	margin: 5px 0 5px 0;
	padding: 10px;
	font-size: 0.8em;
	line-height: 1.65em;
	background-color: #FEEFEE;
	border:solid 1px #FEE0E1;
}

.blue {
	margin: 5px 0 5px 0;
	padding: 10px;
	font-size: 0.8em;
	line-height: 1.65em;
	background-color: #F1FDFD;
	border:solid 1px #D7FFFF;
}

.aka {
	color: #C20000;
	margin: 0 0 5px 0;
	font-size: 19px;
	font-weight: bold;
}

.aka2 {
	color: #C20000;
	margin: 5px 0 0 0;
	font-size: 16px;
	font-weight: bold;
}

.ao {
	color: #00A2DF;
	margin: 0 0 5px 0;
	font-size: 19px;
	font-weight: bold;
}

.kochira {
	margin: 5px 5px 5px 0;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}

.footer-s {
	font-size: 0.75em;
	line-height: 1.65em;
	padding: 0 20px;
	text-align: center;
}

.main3box {
	margin:20px 0px 0px 0px;
}

.note p {
	background-image: url(img/dott.gif);
	}
body{font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;font-weight:normal;}

h1,h2,h3,h4,h5,h6{font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;font-weight:bold;}

.rank1,.rank2,.rank3,.rank4,.rank5,.point,.point1,.point2,.point3,.point4,.point5{font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;font-weight:bold;}

#text1,#text2,#text3,#text4,#text5,#text6,#text7,#text8,#text9,#text10{font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;font-weight:normal;}
