/*---------------------------- PC向けのスタイル ----------------------------*/

/*---------- 全般設定 ----------*/
body {
	color: #333333;
	background-image: url(../img/back.png);
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-size: 15px;
	font-family: "MS Pゴシック", "Helvetica";
	line-height: 150%;
	text-align: left;
	background-color: #cccc99;
	-webkit-text-size-adjust: none;
}

/*---------- PCテーブル ----------*/
table {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

table td {
	vertical-align: top;
}

th {
	background-color: #F0E68C;
	color: #808080;
	padding: 10px 10px 10px 20px;
	vertical-align: middle;
	font-size: 16px;
}

th a {
	color: #808000;
}

img {
	border: none;
}

/*---------- PC よくある質問の引用のボックス横幅 ----------*/
pre {
  width: 700px;
}

/*---------- PC 全般的なリンクの設定 ----------*/
a {
	color: #004080;
}

a:hover {
	color: #005ebb;
}

/* 一般タグの設定 */
h1 {}

h2 {
  margin: 0 0 4px 0;
  padding: 6px 0 6px 4px;
  line-height: 1.7;
  font-size: 30px !important;
  color: #c9171e;
  text-align: left;
  font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
  font-weight: bold;
  border: none;
  background-image: none;
}

h2.sozai {
  margin: 0 0 4px 0;
  padding: 6px 0 6px 4px;
  line-height: 1.7;
  font-size: 30px !important;
  color: #c9171e;
  text-align: left;
  font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
  font-weight: bold;
  border: none;
  background-image: none;
}

h3 {
  margin: 12px 3px 10px 3px;
  padding: 16px 10px 11px 18px;
  line-height: 1.4;
  font-size: 20px;
  color: #54351f;
  border-bottom: solid 2px #882200;
  border-left: solid 7px #882200;
  background-color: #fafbfc;
}

h4 {}
h5 {}

hr.line {
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: solid 1px #aaaaaa;
}


/*---------- リスト表示の設定 中央左右のブロックなどで使用 ----------*/
ul {
	margin: 2px;
	padding: 2px;
	list-style: decimal	outside;
	text-align: left;
	list-style: none;
	border-bottom: 0px solid #E6E6E7;
}

li {
	margin-left: 2px;
	list-style: square inside;
	color: #000000;
	border-top: 1px solid #E6E6E7;
}

input.formButton {}

/*---------- PCメイン ----------*/

#main {
	width: 100%;
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
	background-image: url(../img/back.png);
}

/*---------- PCヘッダー ----------*/

#header {
	width: 100%;
	margin: 0 auto 0 auto;
	background-color: #ffffff;
	border-top: solid 4px #507bb3;
}

#header_inner {
	width: 1150px;
	height: 100px;
	margin: 0 auto 0 auto;
	background-color: #ffffff;
}

/*----------PC ヘッダー・ロゴ----------*/

#headerlogo {
	float: left;
	padding: 2px 0 0 14px;
	background-color: #FFFFFF;
	text-align: left;
	border-top: 0px solid #E6E6E7;
	border-right: 0px solid #E6E6E7;
	border-bottom: 0px solid #F0F0F0;
}

/*----------PC ヘッダー右上のバナー----------*/

#sub_headerlogo {
	float: right;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-top: 0px solid #E6E6E7;
	border-bottom: 0px solid #F0F0F0;
	border-left: 0px solid #E6E6E7;
	text-align: right;
	color: #000000;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}

#headerbanner {
	clear: both;
	padding: 6px;
	background-color: #666633;
	vertical-align: middle;
	text-align: center;
	border-top: 0px solid #E6E6E7;
	border-left: 0px solid #E6E6E7;
}

/*----------PC ヘッダー・ナビ----------*/

#headerbar {
  clear: both;
  width: 100%;
  margin: 0 0 3px 0;
  padding: 0;
  height: 50px;
  text-align: left;
  background-color: #507bb3;
}

#headerbar ul {
  width: 1150px;
  text-align: left;
  margin: 0 auto 0 auto;
  padding: 0;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #a9c7ee;
  background-color: #507bb3;
}

#headerbar li {
  display: inline;
  list-style-type: none;
  color: #ffffff;
  background-color: #507bb3;
}

#headerbar li a {
  font-size: 14px;
  color: #fffffc;
  text-align: center;
  display: inline-block;
  line-height: 1.5;
  font-weight: bold;
  letter-spacing: 0.05em;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #a9c7ee;
  text-decoration: none;
  padding: 15px 24px 13px 24px;
  background-color: #507bb3;
}

#headerbar li a:hover {
  color: #fffffc;
  background-color: #729acf;
}

#c_left {
	background-color: #666633;
	border-top: 0px solid #E6E6E7;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #F0F0F0;
}


/*----------PC メイン画像----------*/

#header-img {
  width: 100%;
  padding: 12px 0 12px 0;
  margin: 0;
  text-align: center;
  background-image: url(../img/head_img_bg.png);
  background-repeat: repeat-x;
}

.main_photo {
  display: block;
  margin: 0 auto 0 auto;
}


/*----------PC メインコンテンツ----------*/

#container {
	width: 1140px;
	margin: 0 auto 0 auto;
	overflow: hidden;
	padding: 0 10px 6px 0;
	background-color: #ffffff;
}


/*----------PC 左ブロックの定義----------*/
#leftcolumn {
	float: left;
	width: 250px;
	padding-top: 18px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	border-top: 0px solid #000000;
	border-right: 0px solid #E6E6E7;
	background-color: #eefbff;
}

/*左ブロックタイトルの定義*/
#leftcolumn .blockTitle {
	padding-top: 9px;
	padding-right: 2px;
	padding-bottom: 7px;
	padding-left: 14px;
	color: #fffffc;
	font-weight: normal;
	font-size: 15px;
	background-image: url(../img/head_menu_back_sidebar.gif);
	text-align: left;
}

/*左ブロックコンテンツの定義*/
#leftcolumn .blockContent {
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
	border-top: 0px dotted #9AD524;
	border-bottom: 0px dotted #9AD524;
	border-left: 0px dotted #9AD524;
	border-right: 0px dotted #9AD524;
	margin-bottom: 10px;
	line-height: 150%;
	text-align: left;
}


#leftcolumn a.box {
	padding-left: 5px;
}


#leftcolumn a.box {
  color: #004080;
  display: block;
  text-align: left;
  border-bottom: solid 1px #adadad;
  width: 214px;
  padding: 11px 0 9px 26px;
  font-size: 14px;
  text-decoration: none;
  background-image: url(../img/side_menu_bg.gif);
  background-repeat: no-repeat;
 }


#leftcolumn a.box:hover {
  color: #005ebb;
  display: block;
  text-align: left;
  border-bottom: solid 1px #999999;
  width: 214px;
  padding: 11px 0 9px 26px;
  font-size: 14px;
  background-image: url(../img/side_menu_bg_hover.gif);
  background-repeat: no-repeat;
 }


/* 左ブロック　メインメニューの定義*/
#mainmenu a {
	margin: 0px;
	padding: 4px;
}

#mainmenu a:hover {}

#mainmenu a.menuTop {
	padding-left: 5px;
}

#mainmenu a.menuMain {
	padding-left: 5px;
}

#mainmenu a.menuSub {
	padding-left: 14px;
}

/*左ブロック　ユーザーメニューの定義*/
#usermenu a {
	margin: 0px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
}

#usermenu a:hover {}

#usermenu a.menuTop {
	padding-left: 8px;
}

#usermenu a.highlight {
	background-color: #FFCCCC;
}


/*----------PC 中央ブロックの定義----------*/

#centercolumn {
	float: right;
	width: 850px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
        color: #333333;
	background-color: #FFFFFF;
	line-height: 190%;
}

/*----------中央-中央ブロックの定義----------*/
#centerCcolumn {
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
}

#centerCcolumn .blockTitle {
  margin: 0 0 4px 0;
  padding: 6px 0 6px 4px;
  line-height: 1.7;
  font-size: 30px !important;
  color: #c9171e;
  text-align: left;
  font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
  //font-family: 'メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
  font-weight: bold;
  border: none;
  background-image: none;
}

#centerCcolumn .blockContent {
	padding-top: 9px;
	padding-right: 2px;
	padding-bottom: 20px;
	padding-left: 2px;
	margin-bottom: 40px;
	line-height: 180%;
	text-align: left;
	font-size: 16px;
	border: 0;
	border-bottom: solid 1px #dddddd;
}

#centerCcolumn .blockContent p {
	font-size: 16px;
}

#centerCcolumn th {
	padding: 6px;
	background-color: #FFFFE1;
	color: #808080;
	vertical-align: middle;
}


.hp_column {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

/*----------中央-左ブロックの定義----------*/
#centerLcolumn {
	width:50%;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#centerLcolumn .blockTitle {
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 7px;
	padding-left: 8px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	font-size: 13px;
	background-image: url(../img/head_menu_back_sidebar.gif);
}

#centerLcolumn .blockContent {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	border-top: 0px solid #6B8E23;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}


/*----------中央-右ブロックの定義----------*/
#centerRcolumn {
	width: 50%;
	padding: 0px 0px 0px 3px;
}

#centerRcolumn .blockTitle {
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 7px;
	padding-left: 8px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	font-size: 13px;
	background-image: url(../img/head_menu_back_sidebar.gif);
}

#centerRcolumn .blockContent {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	border-top: 0px solid #6B8E23;
	border-right: 2px solid #999999;
	border-bottom: 1px solid #999999;
}

#content {
	text-align: left;
	padding: 8px;
}


/*----------右ブロックの定義----------*/
#rightcolumn {
	width: 190px;
	padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-top: 0px solid #E6E6E7;
	border-left: 0px solid #E6E6E7;
	border-right: 1px solid #ADAD5C;
	background-color: #e5e4e6;
}

#rightcolumn .blockTitle {
	padding-top: 6px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	color: #4D4D26;
	font-weight: bold;
	font-size: 15px;
	text-align: left;
	border-bottom: 2px solid #F5DEB3;
	background-color: #BDB76B;
}

#rightcolumn .blockContent {
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 3px;
	border-top: 0px dotted #9AD524;
	border-bottom: 1px solid #F5DEB3;
	border-left: 1px solid #F5DEB3;
	border-right: 1px solid #F5DEB3;
	margin-bottom: 7px;
}


/*----------PC フッタブロックの定義----------*/

#footerlogo {
	clear: both;
	padding: 4px 4px 4px 4px;
	vertical-align: middle;
	text-align: center;
	border-top: 1px solid #a6c3d0;
	background-color: #FFFFCC; //#ADD8E6;
	color: #666666;
}

#footerlogo a {
	color: #666666;
}

/*---------- PC フォーラムなどの外枠 ----------*/
.outer {
	background-color: #E6E6E7;
}

.outer a:link{
	color: #004080;
}

/* フォーラムなどの投稿情報欄 */
.head {
	background-color: #DCDCDC;
	padding: 5px;
	font-weight: bold;
}

/* フォーラムなどの交互に色が変わる部分 */
.even {
	background-color: #FFFFFF;
	padding: 5px;
}

.odd {
	background: url(../img/sozai_dl_back.gif);
	padding: 5px;
}

/* フォーラムなどのフッター */
.foot {
	background-color: #FFFFE0;
	padding: 5px;
	font-weight: bold;
}

tr.even td {
	background-color: #FFFFFC;
	padding: 5px;
}

tr.odd td {
	background-color: #FFFFEE;
	padding: 5px;
}


/*---------- PC 最新ニュースの枠 ----------*/
.item {
	border: 1px solid #E6E6E7;
}

/* 最新ニュースのタイトルバー */
.itemHead {
	padding: 5px;
	background-color: #EEE8AA;
	color: #FFFFE0;
}

/* 最新ニュースの投稿情報欄 */
.itemInfo {
	text-align: right;
	padding: 3px;
	background-color: #FFFFEE;
}

/* 最新ニュースのタイトルの設定 */
.itemTitle a {
	font-size: 110%;
	font-weight: bold;
	font-variant: small-caps;
	color: #004080;
	background-color: transparent;
}

/* 最新ニュースの投稿者 */
.itemPoster {
	font-size: 90%;
}

/* 最新ニュースの投稿日 */
.itemPostDate {
	font-size: 90%;
}

/* 最新ニュースのステータス */
.itemStats {
	font-size: 90%;
}

/* 最新ニュースのコンテンツ部分 */
.itemBody {
	padding-left: 10px;
}

.itemText {
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 130%;
}

/* 最新ニュースの1文字目 */
.itemText:first-letter {
	font-size: 133%;
	font-weight: bold;
}

/* 最新ニュースのフッター */
.itemFoot {
	text-align: right;
	padding: 5px;
	background-color: #FFFFEE;
}

.itemAdminLink {
	font-size: 90%;
}
.itemPermaLink {
	font-size: 90%;
}

div.errorMsg {
	background-color: #FFCCCC;
	text-align: center;
	border-top: 1px solid #DDDDFF;
	border-left: 1px solid #DDDDFF;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	font-weight: bold;
	padding: 10px;
}

div.confirmMsg {
	background-color: #DDFFDF;
	color: #136C99;
	text-align: center;
	border-top: 1px solid #DDDDFF;
	border-left: 1px solid #DDDDFF;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	font-weight: bold;
	padding: 10px;
}

div.resultMsg {
	background-color : #CCCCCC;
	color: #333333;
	text-align: center;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	font-weight: bold;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 10px;
}

/* Xoopsコードを記述する部分 */
div.xoopsCode {
	background-color: #FFFFFF;
	border: 1px inset #000080;
	font-family: "MS Pゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	padding: 0px 6px 6px 6px;
}

/* 引用部分の定義 */
div.xoopsQuote {
	background-color: #FFFFFF;
	border: 1px inset #000080;
	font-family: "MS Pゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	padding: 0px 6px 6px 6px;
}

.comTitle {
	font-weight: bold;
	margin-bottom: 2px;
}

.comText {
	padding: 2px;
}

.comUserStat {
	font-size: 10px;
	color: #2F5376;
	font-weight:bold;
	border: 1px solid silver;
	background-color: #ffffff;
	margin: 2px;
	padding: 2px;
}

.comUserStatCaption {
	font-weight: normal;
}

.comUserStatus {
	margin-left: 2px;
	margin-top: 10px;
	color: #2F5376;
	font-weight:bold;
	font-size: 10px;
}

.comUserRank {
	margin: 2px;
}

.comUserRankText {
	font-size: 10px;
	font-weight:bold;
}

.comUserRankImg {
	border: 0;
}

.comUserName {}
.comUserImg {
	margin: 2px;
}

.comDate {
	font-weight: normal;
	font-style: italic;
	font-size: smaller;
}

.comDateCaption {
	font-weight: bold;
	font-style: normal;
}


/*---------------------------- タブレット向けのスタイル ----------------------------*/
@media screen and (min-width:680px) and (max-width:920px) {

/*---------- メイン ----------*/

#main {
  min-width: 1024px;
}

.img_a {
  display: block;
}

.img_b {
  display: none;
}

.br_a {
  padding: 0;
}

.br_b {
  display: none;
}

}

/*---------------------------- スマートフォン向けのスタイル ----------------------------*/
@media (max-width: 679px) {


/*---------------------------- SPページ全体の指定 ----------------------------*/


/*---------- 全般設定 ----------*/
body {
	color: #333333;
	background-image: url(../img/back.png);
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-size: 15px;
	font-family: "MS Pゴシック", "Helvetica";
	line-height: 150%;
	text-align: left;
	background-color: #cccc99;
	-webkit-text-size-adjust: none;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
}

table {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

table.outer {
	width: 100%;
}

table td {
	vertical-align: top;
}

th {
	background-color: #F0E68C;
	color: #808080;
	padding: 10px 10px 10px 20px;
	vertical-align: middle;
	font-size: 16px;
}

th a {
	color: #808000;
}

img {
	border: none;
}

/*---------- SP よくある質問の引用のボックス横幅 ----------*/

.xoopsCode {
  width: 300px !important;
}

.xoopsCode pre {
  width: 300px !important;
}

.xoopsCode code {
  width: 300px !important;
}


/*---------- SP 全般的なリンクの設定 ----------*/
a {
	color: #004080;
}

a:hover {
	color: #005ebb;
}

/* 一般タグの設定 */
h1 {}

h2 {
  font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
  margin: 0 0 4px 0;
  padding: 6px 0 6px 4px;
  line-height: 1.7;
  font-size: 26px !important;
  color: #c9171e;
  font-weight: bold;
  text-align: left;
  border: none;
  background-image: none;
}


h2.sozai {
  font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
  margin: 0 0 4px 0;
  padding: 6px 0 6px 4px;
  line-height: 1.7;
  font-size: 32px !important;
  color: #c9171e;
  font-weight: bold;
  text-align: left;
  font-size: 28px;
  border: none;
  background-image: none;
}


h3 {
  margin: 12px 3px 10px 3px;
  padding: 16px 10px 11px 18px;
  line-height: 1.4;
  font-size: 20px;
  color: #54351f;
  border-bottom: solid 2px #882200;
  border-left: solid 7px #882200;
  background-color: #fafbfc;
}

h4 {}
h5 {}


hr.line {
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: solid 1px #aaaaaa;
}


/*---------- SP リスト表示の設定 中央左右のブロックなどで使用 ----------*/
ul {
	margin: 2px;
	padding: 2px;
	list-style: decimal	outside;
	text-align: left;
	list-style: none;
	border-bottom: 0px solid #E6E6E7;
}

li {
	margin-left: 2px;
	list-style: square inside;
	color: #000000;
}

input.formButton {}


/*----------SP メイン---------*/

#main {
	width: 100%;
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
	background-image: none;
	background-color: #ffffff;
}


/*----------SP ヘッダー---------*/

#header {
	width: 100%;
	margin: 0 auto 0 auto;
	background-color: #ffffff;
	border-top: solid 2px #507bb3;
}


#header_inner {
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	background-color: #ffffff;
}


/*----------SP ヘッダー・ロゴ----------*/

#headerlogo {
	float: left;
	padding: 2px 0 0 10px;
	background-color: #FFFFFF;
	text-align: left;
	border-top: 0px solid #E6E6E7;
	border-right: 0px solid #E6E6E7;
	border-bottom: 0px solid #F0F0F0;
}

#headerlogo img {
  width: 70%;
}

/*----------SP ヘッダー右上のバナー----------*/

#sub_headerlogo {
  display: none;
}


#headerbanner {
	clear: both;
	padding: 6px;
	background-color: #666633;
	vertical-align: middle;
	text-align: center;
	border-top: 0px solid #E6E6E7;
	border-left: 0px solid #E6E6E7;
}



/*----------SP ヘッダー・ナビ----------*/

#headerbar {
  margin: 0 1px 0 1px;
  padding: 0;
  color: #fffffc;
  background-color: #507bb3;
}

#headerbar ul {
  padding: 0;
  width: 100%;
}

#headerbar ul li {
  width: 50%;
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  text-align: center;
}

#headerbar ul li  a {
  width: 99.6%;
  font-size: 0.75em;
  padding: 8px 0 6px 0;
  display: inline-block;
  line-height: 1.2;
  letter-spacing: 0.05em;
  color: #fffffc !important;
  text-decoration: none;
  border-left: solid 1px #ffffff;
}

#headerbar ul li a:hover {
  display: inline-block;
  text-decoration: none;
  color: #dcf4fb;
  font-weight: bold;
  text-decoration: underline;
  letter-spacing: 1px;
}

#headerbar a {
	color: #FFFFFC;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 1px;
}

#headerbar a:hover {
	color: #dcf4fb;
	font-weight: bold;
	text-decoration: underline;
	letter-spacing: 1px;
}

#c_left {
	background-color: #666633;
	border-top: 0px solid #E6E6E7;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #F0F0F0;
}


/*----------SP メイン画像----------*/

#header-img {
  width: 100%;
  padding: 12px 0 12px 0;
  margin: 0;
  text-align: center;
  background-image: url(../img/head_img_bg.png);
  background-repeat: repeat-x;
}

.main_photo {
  display: block;
  margin: 0 auto 0 auto;
}

/*----------SP メインコンテンツ----------*/

#container {
	width: 100%;
	margin: 0 auto 0 auto;
	overflow: hidden;
	padding: 0 10px 6px 0;
	background-color: #ffffff;
}



/*----------SP 左ブロックの定義----------*/
#leftcolumn {
	width: 100%;
	padding-top: 18px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
	border-top: 0px solid #000000;
	border-right: 0px solid #E6E6E7;
	background-color: #eefbff;
}

/*左ブロックタイトルの定義*/
#leftcolumn .blockTitle {
	padding-top: 9px;
	padding-right: 2px;
	padding-bottom: 7px;
	padding-left: 14px;
	color: #fffffc;
	font-weight: normal;
	font-size: 15px;
	background-image: url(../img/head_menu_back_sidebar.gif);
	text-align: left;
}

/*左ブロックコンテンツの定義*/
#leftcolumn .blockContent {
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
	border-top: 0px dotted #9AD524;
	border-bottom: 0px dotted #9AD524;
	border-left: 0px dotted #9AD524;
	border-right: 0px dotted #9AD524;
	margin-bottom: 10px;
	line-height: 150%;
	text-align: left;
}


#leftcolumn a.box {
	padding-left: 5px;
}


#leftcolumn a.box {
  color: #004080;
  display: block;
  text-align: center;
  border-bottom: solid 1px #adadad;
  width: 100%;
  padding: 11px 0 9px 0;
  font-size: 14px;
  text-decoration: none;
  background-image: none;
 }


#leftcolumn a.box:hover {
  color: #005ebb;
  display: block;
  text-align: center;
  border-bottom: solid 1px #999999;
  width: 100%;
  padding: 11px 0 9px 0;
  font-size: 14px;
  background-image: none;
 }



/* 左ブロック　メインメニューの定義*/
#mainmenu a {
	margin: 0px;
	padding: 4px;
}

#mainmenu a:hover {}

#mainmenu a.menuTop {
	padding-left: 5px;
}

#mainmenu a.menuMain {
	padding-left: 5px;
}

#mainmenu a.menuSub {
	padding-left: 14px;
}

/*左ブロック　ユーザーメニューの定義*/
#usermenu a {
	margin: 0px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
}

#usermenu a:hover {}

#usermenu a.menuTop {
	padding-left: 8px;
}

#usermenu a.highlight {
	background-color: #FFCCCC;
}





/*----------SP 中央ブロックの定義----------*/

#centercolumn {
	width: 100%;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
        color: #333333;
	background-color: #FFFFFF;
	line-height: 190%;
}

/*----------中央-中央ブロックの定義----------*/
#centerCcolumn {
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
}

#centerCcolumn .blockTitle {
  margin: 0 0 4px 0;
  padding: 6px 0 6px 4px;
  line-height: 1.7;
  font-size: 26px !important;
  color: #c9171e;
  text-align: left;
  font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
  font-weight: bold;
  border: none;
  background-image: none;
}

#centerCcolumn .blockContent {
	padding-top: 9px;
	padding-right: 2px;
	padding-bottom: 20px;
	padding-left: 2px;
	margin-bottom: 40px;
	line-height: 180%;
	text-align: left;
	font-size: 16px;
	border: 0;
	border-bottom: solid 1px #dddddd;
}

#centerCcolumn .blockContent p {
	font-size: 16px;
}

#centerCcolumn th {
	padding: 6px;
	background-color: #FFFFE1;
	color: #808080;
	vertical-align: middle;
}


.hp_column {
	margin: 0;
	padding: 0;
	font-size: 14px;
}


/*----------中央-左ブロックの定義----------*/
#centerLcolumn {
	width:50%;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#centerLcolumn .blockTitle {
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 7px;
	padding-left: 8px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	font-size: 13px;
	background-image: url(../img/head_menu_back_sidebar.gif);
}

#centerLcolumn .blockContent {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	border-top: 0px solid #6B8E23;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}




/*----------中央-右ブロックの定義----------*/
#centerRcolumn {
	width: 50%;
	padding: 0px 0px 0px 3px;
}

#centerRcolumn .blockTitle {
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 7px;
	padding-left: 8px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	font-size: 13px;
	background-image: url(../img/head_menu_back_sidebar.gif);
}

#centerRcolumn .blockContent {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	border-top: 0px solid #6B8E23;
	border-right: 2px solid #999999;
	border-bottom: 1px solid #999999;
}

#content {
	text-align: left;
	padding: 8px;
}




/*----------SP 右ブロックの定義----------*/
#rightcolumn {
	width: 100%;
	padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-top: 0px solid #E6E6E7;
	border-left: 0px solid #E6E6E7;
	border-right: 1px solid #ADAD5C;
	background-color: #e5e4e6;
}

#rightcolumn .blockTitle {
	padding-top: 6px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	color: #4D4D26;
	font-weight: bold;
	font-size: 15px;
	text-align: left;
	border-bottom: 2px solid #F5DEB3;
	background-color: #BDB76B;
}

#rightcolumn .blockContent {
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 3px;
	border-top: 0px dotted #9AD524;
	border-bottom: 1px solid #F5DEB3;
	border-left: 1px solid #F5DEB3;
	border-right: 1px solid #F5DEB3;
	margin-bottom: 7px;
}




/*----------SP フッタブロックの定義----------*/

#footerlogo {
	clear: both;
	padding: 20px 6px 20px 6px;
	vertical-align: middle;
	text-align: center;
	border-top: 1px solid #a6c3d0;
	background-color: #d6effb;
	color: #666666;
}

#footerlogo a {
	color: #666666;
}




/*---------- SP フォーラムなどの外枠 ----------*/
.outer {
	background-color: #E6E6E7;
}

.outer a:link{
	color: #004080;
}

/* フォーラムなどの投稿情報欄 */
.head {
	background-color: #DCDCDC;
	padding: 5px;
	font-weight: bold;
}

/* フォーラムなどの交互に色が変わる部分 */
.even {
	background-color: #FFFFFF;
	padding: 5px;
}

.odd {
	background: url(../img/sozai_dl_back.gif);
	padding: 5px;
}

/* フォーラムなどのフッター */
.foot {
	background-color: #FFFFE0;
	padding: 5px;
	font-weight: bold;
}

tr.even td {
	background-color: #FFFFFC;
	padding: 5px;
}

tr.odd td {
	background-color: #FFFFEE;
	padding: 5px;
}




/*---------- SP 最新ニュースの枠 ----------*/
.item {
	border: 1px solid #E6E6E7;
}

/* 最新ニュースのタイトルバー */
.itemHead {
	padding: 5px;
	background-color: #EEE8AA;
	color: #FFFFE0;
}

/* 最新ニュースの投稿情報欄 */
.itemInfo {
	text-align: right;
	padding: 3px;
	background-color: #FFFFEE;
}

/* 最新ニュースのタイトルの設定 */
.itemTitle a {
	font-size: 110%;
	font-weight: bold;
	font-variant: small-caps;
	color: #004080;
	background-color: transparent;
}

/* 最新ニュースの投稿者 */
.itemPoster {
	font-size: 90%;
}

/* 最新ニュースの投稿日 */
.itemPostDate {
	font-size: 90%;
}

/* 最新ニュースのステータス */
.itemStats {
	font-size: 90%;
}

/* 最新ニュースのコンテンツ部分 */
.itemBody {
	padding-left: 10px;
}

.itemText {
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 130%;
}

/* 最新ニュースの1文字目 */
.itemText:first-letter {
	font-size: 133%;
	font-weight: bold;
}

/* 最新ニュースのフッター */
.itemFoot {
	text-align: right;
	padding: 5px;
	background-color: #FFFFEE;
}

.itemAdminLink {
	font-size: 90%;
}
.itemPermaLink {
	font-size: 90%;
}

div.errorMsg {
	background-color: #FFCCCC;
	text-align: center;
	border-top: 1px solid #DDDDFF;
	border-left: 1px solid #DDDDFF;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	font-weight: bold;
	padding: 10px;
}

div.confirmMsg {
	background-color: #DDFFDF;
	color: #136C99;
	text-align: center;
	border-top: 1px solid #DDDDFF;
	border-left: 1px solid #DDDDFF;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	font-weight: bold;
	padding: 10px;
}

div.resultMsg {
	background-color : #CCCCCC;
	color: #333333;
	text-align: center;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	font-weight: bold;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 10px;
}

/* Xoopsコードを記述する部分 */
div.xoopsCode {
	background-color: #FFFFFF;
	border: 1px inset #000080;
	font-family: "MS Pゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	padding: 0px 6px 6px 6px;
}

/* 引用部分の定義 */
div.xoopsQuote {
	background-color: #FFFFFF;
	border: 1px inset #000080;
	font-family: "MS Pゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	padding: 0px 6px 6px 6px;
}

.comTitle {
	font-weight: bold;
	margin-bottom: 2px;
}

.comText {
	padding: 2px;
}

.comUserStat {
	font-size: 10px;
	color: #2F5376;
	font-weight:bold;
	border: 1px solid silver;
	background-color: #ffffff;
	margin: 2px;
	padding: 2px;
}

.comUserStatCaption {
	font-weight: normal;
}

.comUserStatus {
	margin-left: 2px;
	margin-top: 10px;
	color: #2F5376;
	font-weight:bold;
	font-size: 10px;
}

.comUserRank {
	margin: 2px;
}

.comUserRankText {
	font-size: 10px;
	font-weight:bold;
}

.comUserRankImg {
	border: 0;
}

.comUserName {}
.comUserImg {
	margin: 2px;
}

.comDate {
	font-weight: normal;
	font-style: italic;
	font-size: smaller;
}

.comDateCaption {
	font-weight: bold;
	font-style: normal;
}


}





/*---------- ここから共通装飾 ----------*/


/*---------- 共通 背景装飾 ----------*/

.gray_bg {
  margin: 18px 0 18px 0;
  padding: 2px 18px 2px 18px;
  line-height: 180%;
  letter-spacing: 1px;
  font-size: 14px;
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  background-color: #eeeeee;
}

.voice_bg {
  margin: 18px 2px 18px 2px;
  padding: 2px 8px 2px 18px;
  line-height: 180%;
  letter-spacing: 1px;
  font-size: 14px;
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  background-color: #f8f4e6;
}

.brown_bg {
  margin: 18px 2px 18px 2px;
  padding: 2px 8px 2px 18px;
  line-height: 180%;
  letter-spacing: 1px;
  font-size: 14px;
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  background-color: #f8f4e6;
}

.pink_bg {
  margin: 18px 2px 18px 2px;
  padding: 2px 8px 2px 18px;
  line-height: 180%;
  letter-spacing: 1px;
  font-size: 14px;
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  background-color: #fef4f4;
}

.orange_bg {
  margin: 18px 2px 18px 2px;
  padding: 2px 8px 2px 18px;
  line-height: 180%;
  letter-spacing: 1px;
  font-size: 14px;
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  background-color: #fbfaf5;
}

.green_bg {
  margin: 18px 2px 18px 2px;
  padding: 2px 8px 2px 18px;
  line-height: 180%;
  letter-spacing: 1px;
  font-size: 14px;
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  background-color: #f0f6da;
}

.blue_bg {
  margin: 18px 2px 18px 2px;
  padding: 2px 8px 2px 18px;
  line-height: 180%;
  letter-spacing: 1px;
  font-size: 14px;
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  background-color: #ebf6f7;
}


/*---------- 共通 ボタン装飾 ----------*/

.btn,
.btn_w {
  margin-top: 30px !important;
  text-align: center;
}

.btn a {
  display: inline-block;
  padding: 14px 34px 14px 34px !important;
  margin: 0 0 15px 0 !important;
  color: #fffffc !important;
  text-decoration: none;
  font-weight: bold;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color: #a88d4b !important;
}

.btn a:hover {
  color: #fffffc !important;

  background-color: #c0a666 !important;
}




/*---------- 共通 文字装飾 ----------*/

span.big {
  font-size: 16px;
}

span.b_big {
  font-weight: bold;
  font-size: 16px;
}

span.red {
  color: #e60033;
}

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

span.red_big {
  color: #e60033;
  font-weight: bold;
  font-size: 15px;
}

span.red_big_x {
  color: #e60033;
  font-weight: bold;
  font-size: 20px;
}

span.blue {
  color: #007bbb;
}

span.blue_b {
  color: #007bbb;
  font-weight: bold;
}

span.blue_big {
  color: #007bbb;
  font-weight: bold;
  font-size: 15px;
}

span.brown {
  color: #993300;
}

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

span.brown_big {
  color: #993300;
  font-weight: bold;
  font-size: 15px;
}

span.brown_big_x {
  color: #993300;
  font-weight: bold;
  font-size: 20px;
}

span.green {
  color: #69821b;
}

span.green_b {
  color: #69821b;
  font-weight: bold;
}

span.green_big {
  color: #69821b;
  font-weight: bold;
  font-size: 15px;
}

span.pink {
  color: #c53d43;
}

span.pink_b {
  color: #c53d43;
  font-weight: bold;
}

span.pink_big {
  color: #c53d43;
  font-weight: bold;
  font-size: 15px;
}
    button.button1 {
    WIDTH: 450px;
    /* 文字サイズを1.4emに指定 */
    font-size: 2.2em;
    /* 文字の太さをboldに指定 */
    font-weight: bold;
    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 10px 10px;
    /* 文字色を白色に指定 */
    color: #fff;
    /* ボーダーをなくす */
    border-style: none;
    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;
    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 2px #000;
    /* グラデーションの指定 */
    background-color: #191970;
    //background-color: #008080; 

    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
button.button1:hover {
    /* 透明度を20%に指定 */
    opacity: 0.7;
}