@charset "Shift_JIS";

/* 基本設定
---------------------------------------------------- */
* {
 margin: 0;
 padding: 0;
 }

/* htmlとbodyタグの設定：サイト全体の設定です */
html {
 text-align:left;
 margin: 0;
 padding: 0;
 color: #222;
 height:100%;
 font-size: 90%;
 background: #FFF url(images/body_background.gif) no-repeat;
 background-position:top;
 }

body {
 }

/* pタグの設定：サイト内全体の段落の設定に適用されます */
p {
 font-size: 90%;
 line-height: 1.6em;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 margin:5px 0 5px 0;
 padding:0;
 }

/* aタグの設定：サイト内全体のリンク表示に適用されます */
a {
 color: #336699;
 }

/* a:hoverタグの設定：サイト内全体のリンク、オンマウス時の色に適用されます */
a:hover {
 color: #5DC298;
 }

/* divタグの設定：サイト内全体のdiv要素に適用されます */
div {
 display:block;
 font-size: 1em;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: normal;
 margin:0;
 padding:0;
 }

/* ol, ulタグの設定：サイト内全体のリスト表示に適用されます */
ol,ul {
 margin-left:15px;
 margin-right:5px;
 margin-bottom:10px;
 }
 
/* liタグの設定：サイト内全体のリスト表示内、各項目に適用されます */
li {
 margin-bottom:1px;
 }

/* hタグの包括設定：サイト内全体のhタグ全てに適用されます */
h1, h2, h3, h4, h5, h6 {
 margin:0;
 padding:0;
 }

/* blockquoteタグの設定：サイト内全体のインデント表示に適用されます */
blockquote {
 text-align:left;
 margin-right:5px;
 margin-left:15px;
 margin-bottom:10px;
 display:block;
 padding:25px 25px 25px 25px ;
 line-height: 1.6em;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 background:#EEE;
 border:#aaa 1px dotted;
 }
 
/* imgタグの設定：サイト内全体の画像要素に適用されます
   画像にリンク指定をしてもボーダーラインが出ないようにするためのものです */
img {
 border:0;
 }
 
/* class=clrの設定：divのfloat要素をクリアするための定義です。
   この定義を消さないようにしてください */
.clr {
 clear:both;
 }
 
/* divのfloat要素をクリアするための定義です。
   この定義を消さないようにしてください */
.pkg:after {
 content: " ";
 display: block;
 visibility: hidden;
 clear: both;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 }

* html .pkg {
 display: inline-block;
 }

/* no ie mac \*/
* html .pkg {
 height: 1%;
 }

.pkg {
 display: block;
 }
/* */

 
 /* 見出しの設定（包括定義）
---------------------------------------------------- */



 /* 包括レイアウト
---------------------------------------------------- */

/* コンテンツ全体のdiv */
#container {
 width:780px; /* 横幅の指定 */
 margin: 0 auto; /* 常にセンター寄せにします */
 background: none; /* コンテンツ全体の背景色 */
 padding:0;
 }

/* pagebody：コンテンツ部（メインメニュー以下）の指定 */ 
#pagebody {
 clear:both;
 }

/* pagebody：内枠の指定 */
#pagebody-inner {
 padding:0px;
 }


 /* banner部の設定
---------------------------------------------------- */
#banner {
 background: #FFF url(images/header_background.gif) no-repeat; /* ヘッダの背景 */
 background-position:center;
 height:80x; /* バナーの高さ */
 }
 
/* banner：バナー部内コンテンツ（内枠）の指定 */
#banner-inner {
 margin:0 auto; /* パディングの指定。上・右・下・左の順番 */
 padding-top:0px;
 width:780px;
 }
 
/* banner：バナー部内、ヘッダ（サイト名）の指定 */
#banner-header {
 color: #333333;
 font-size:11px;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: normal;
 text-align:left;
 line-height:1.5em;
 background:none;
 padding-left:0;
 border:none;
 margin-top:0px;
 }

/* banner：バナー部内、ヘッダ（サイト名）のリンク時の指定 */
#banner-header a {
 color: #3070B1;
 text-decoration:none;
 }

/* banner：バナー部内、ヘッダ（サイト名）のリンク時マウスオーバーの指定 */
#banner-header a:hover {
 background:none;
 }

 
/* .banner：バナー部内、サイトの説明 */
#banner-description {
 color: #CCC;
 font-size:14px;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: bold;
 text-align:left;
 background:none;
 padding-left:0;
 border:none;
 }


 /* メインメニューの設定
---------------------------------------------------- */

/* mainmenu：divの設定 */
#mainmenu {
 background: url(images/menu_background.gif) no-repeat;
 background-position:center;
 height:47px;
 }
 
/* mainmenu：リストの設定 */
#mainmenu ul {
 list-style-type:none;
 padding: 0;
 margin: 0 auto;
 width:780px;
 padding-top:0px;
 }
 
/* mainmenu：リスト内各項目の設定 */
#mainmenu li {
 float:left;
 padding: 0;
 margin: 0;
 }
 
/* mainmenu：リスト内各項目のリンク設定 */
#mainmenu a {
 float:left;
 padding: 0;
 margin: 0;
 }

/* mainmenu：リスト内各項目のリンク、マウスオーバー時の設定 */
#mainmenu a:hover {
 float:left;
 padding: 0;
 margin: 0;
 }

.mainmenu_home {
 float:left;
 padding: 0;
 margin: 0;
 }

 /* メインイメージの設定
---------------------------------------------------- */

#mainimage-whole {
 clear:both;
 }

#mainimage {
 background:url(images/mainimage_background.jpg);
 width:780px;
 height:310px;
 text-align:left;
 margin:0px auto;
 }

#mainimage2 {
 background:url(images/mainimage_background.gif);
 width:780px;
 height:167px;
 text-align:left;
 margin:0px auto;
 }

#mainimage3 {
 background:url(images/mainimage_background.jpg);
 width:780px;
 height:106px;
 text-align:left;
 margin:0px auto;
 }


/* メインイメージ内のキャッチコピー部分です。
   必要のない場合はdisplay:none;を入れて消す事ができます */
#mainimage_inner {
 float:left;
 padding: 0;
 margin: 0;
 }
 
#mainimage h2 {
 float:left;
 padding: 0;
 margin: 0;
 }
 
#mainimage p {
 display:none;
 }

#mainimage2 p {
 display:none;
 }

#mainimage3 p {
 display:none;
 }

 /* alphaペイン（左ペイン）の設定
---------------------------------------------------- */

/* alphaペイン外枠divの指定 */
#alpha {
 width:560px;
 float:right;
 }
 
/* alphaペイン内枠divの指定
   マージンやパディングは基本的に内枠で行ってください。
   外枠の数値を変えるとレイアウトが崩れる場合があります */
#alpha-inner {
 margin:0px 10px 10px 0;
 border:none;
 background:none;
 }





/* alphaペイン：段落内のリンク、マウスオーバー時の指定 */



#alpha p {
 font-size: 95%;
 line-height: 1.6em;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 margin:15px 15px 15px 20px;
 padding:0;
 }



#alpha p a:hover {
 color: #FF9933;
}

/* .h2タグの指定：各ページ名に使われる定義です */
#alpha h2 {
 margin:0; /* マージンの指定 */
 padding-left:0px; /* 左パディングの指定 */
 padding-bottom:0px;
 font-size: 14px; /* テキストサイズの指定 */
 line-height: 1.8em; /* 行間の指定 */
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; /* フォントの指定 */
 font-weight: bold; /* テキストの太さの指定 */
 color: #666; /* テキストの色指定 */
 text-shadow: #FFF 2px 2px 1px; /* テキストのドロップシャドウの指定（Safariのみ対応） */
 text-align:left; /* テキストの行揃えの指定。left=左, center=中央, right=右 */
 }

/* alphaペイン：h3タグの指定 */
#alpha h3 {
 border-left: #336699 solid 6px;
 border-bottom:#CCCCCC solid 1px;
 margin-top : 35px;
 margin-left : 10px;
 margin-bottom:20px;
 padding:0px 0px 2px 15px;
 font-size:14px;
 line-height: 1.8em;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: bold;
 color:#333333;
 text-shadow: #CCC 2px 2px 1px;
 text-align:left;
 display:block;
 clear:both;
 }

/* alphaペイン：h3タグにリンク指定された場合の指定 */
#alpha h3 a {
 display:block;
 color:#00A;
 }

/* alphaペイン：h4タグの指定 */
#alpha h4 {
 margin-top : 0px;
 margin-bottom:0px;
 padding-left: 10px;
 font-size:14px;
 line-height: 1em;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: normal;
 color:#000;
 text-shadow: #CCC 2px 2px 1px;
 text-align:left;
 display:block;
 clear:both;
 }

/* alphaペイン：h4タグにリンク指定された場合の指定 */
#alpha h4 a {
 display:block;
 }

 
#alpha h5 {
 border-left: #6699CC solid 6px;
 border-bottom:#CCCCCC solid 1px;
 margin-top : 15px;
 margin-left : 15px;
 margin-bottom:20px;
 padding:0px 0px 2px 15px;
 font-size:14px;
 line-height: 1.8em;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: bold;
 color:#333333;
 text-shadow: #CCC 2px 2px 1px;
 text-align:left;
 display:block;
 clear:both;
 }


#alpha h6 {
 margin-top : 30px;
 margin-bottom:30px;
 padding-left: 420px;
 font-size:12px;
 line-height: 1em;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: normal;
 color:#000;
 text-shadow: #CCC 2px 2px 1px;
 text-align:left;
 display:block;
 clear:both;
 }

.entry {
 margin:5px;
 }


 /* betaペイン（右ペイン）の設定
---------------------------------------------------- */

/* betaペイン：外枠の指定 */
#beta {
 width:210px;
 float:left;
 }

/* betaペイン内枠divの指定
   マージンやパディングは基本的に内枠で行ってください。
   外枠の数値を変えるとレイアウトが崩れる場合があります */
#beta-inner {
 margin:0px 0 10px 0;
 background:#CCC url(images/beta_background.gif);
 padding:0;
 color:#333;
 }
 
#beta-inner a {
 color: #333333;
 }
 
#beta-inner a:hover {
 color: #6699CC;
 }


/* betaペイン：h2タグの指定 */
#beta h2 {
 float:left;
 padding: 0;
 margin: 0;
 }
 
#beta h2 a {
 color:#FFF;
 }


 /* module（右ペイン内の各エリア）の設定
---------------------------------------------------- */

/* module：外枠の指定 */
.module {
 margin:0px;
 }

/* module：内枠の指定 */
.module-content {
 padding:5px;
 }

/* module：モジュール内のリスト表示 */
.module-list {
 margin:0;
 padding:0;
 }

.module-list ul {

 margin:0px 0 10px 0;
 background:#CCC url(images/beta_background.gif);
 padding:0;
 color:#333;
 }
 


.module-list li {
 list-style:none;
 float:none;
 margin-bottom:0px;
 width:170px;
 font-size: 90%;

 }

.module-list li strong {

 background: url(images/background_beta-li.gif);
 list-style:none;
 display:block;
 padding:0px 10px 12px 10px ;
 width:163px;
 padding-left:28px;
 }

.module-list li a {
 background: url(images/background_beta-li.gif);
 list-style:none;
 display:block;
 padding:0px 10px 12px 10px ;
 width:163px;
 padding-left:28px;
 }

/* module：モジュール内のリスト内のリンク、マウスオーバー時の指定 */
.module-list li a:hover {
 background:url(images/background_beta-li-after.gif);
 color:#FFFFFF;
 }

 
/* module：バナーエリア内のイメージをセンタリングします */
.module-banner {
 text-align:center;
 }
 
.module-banner img {
 margin:3px;
 }


 /* footerの設定
---------------------------------------------------- */
#footer {
 clear:both; /* フッタより上のボックスをクリアします。消さないでください */
 background: #FFFFFF url(images/footer_background.gif);
 background-position:center;
 }

#footer-inner {
 margin:0;
 margin-bottom:0px;
 line-height:2.0em;
 font-size: 12px;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: normal;
 color:#FFFFFF;
 border:none;
 width:780px; /* 横幅の指定 */
 margin: 0 auto; /* 常にセンター寄せにします */
 background: none; /* コンテンツ全体の背景色 */
 padding:0;
 }

/* a:hoverタグの設定：サイト内全体のリンク、オンマウス時の色に適用されます */
#footer a:hover {
 color: #003366;
 }

 /* 特定商取引やプライバシーポリシーページ用の設定
---------------------------------------------------- */

/* SmallWindow：ページ内の枠線の指定 */
.SmallWindow {
 background: url(images/top_side_img.gif) repeat-y;
 border:0px #BBB solid;
 margin:5px 5px 5px 5px;
 padding:1px;
 }

/* SmallWindow：段落の指定 */
.SmallWindow p {
 margin: 1px 1px 3px 1px;
 padding: 3px;
}

/* SmallWindow：同div内のヘッダーの指定 */
.SmallWindow_Header {
 background:#DDD;
 border:#BBB solid;
 border-width: 1px 1px 0 1px;
 height:20px;
 text-align:center;
 color: #333;
 text-shadow: #000 0.2em 0.2em 0.2em;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: bold;
 font-size:120%;
 line-height: 100%;
 padding:8px 0px 0px 0px;
 margin:0;
 }

/* SmallWindow：同div内のサブタイトルの指定 */
.SmallWindow_subtitle {
 margin:0; /* マージンの指定 */
 padding-left:0px; /* 左パディングの指定 */
 padding-bottom:0px;
 font-size: 14px; /* テキストサイズの指定 */
 line-height: 1.8em; /* 行間の指定 */
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; /* フォントの指定 */
 font-weight: bold; /* テキストの太さの指定 */
 color: #666; /* テキストの色指定 */
 text-shadow: #FFF 2px 2px 1px; /* テキストのドロップシャドウの指定（Safariのみ対応） */
 text-align:left; /* テキストの行揃えの指定。left=左, center=中央, right=右 */
 background: url(images/top_sin.gif) repeat-y;
 }


/* SmallWindow：同div内、タイトル段落の指定 */
.SmallWindow_Title {
 margin:0;
 padding:1px 0 1px 5px;
 color:#000;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-size:12px;
 font-weight:bold;
 background: #EEEEBB;
 border-left: #999900 solid 6px;
 }

/* SmallWindow：同div内、通常段落の指定 */
 margin:0; /* マージンの指定 */
 padding-left:0px; /* 左パディングの指定 */
 padding-bottom:0px;
 font-size: 14px; /* テキストサイズの指定 */
 line-height: 1.8em; /* 行間の指定 */
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; /* フォントの指定 */
 font-weight: bold; /* テキストの太さの指定 */
 color: #666; /* テキストの色指定 */
 text-shadow: #FFF 2px 2px 1px; /* テキストのドロップシャドウの指定（Safariのみ対応） */
 text-align:left; /* テキストの行揃えの指定。left=左, center=中央, right=右 */
 background: url(images/top_sin.gif) repeat-y;
 }

/* SmallWindow：同div内、通常段落の指定2 */
.SmallWindow_Normal2 {
 padding:0 0 0 15px;
 color:#000;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-size:12px;
 font-weight:normal;
 border-top:#BBB solid 1px;
 }

/* SmallWindow：同div内、エラー表示の指定 */
.SmallWindow_Error {
 color:#CC0000;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-size:12px;
 font-weight:bold;
 }



.SmallWindow2 {
 font-size: 105%;
 line-height: 1.6em;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 background: url(images/top_side_img2.gif) repeat-y;
 border:0px #BBB solid;
 margin:0px 15px 0px 15px ;
 padding:1px;
 }


.SmallWindow2 p {
 margin: 1px 1px 3px 1px;
 padding: 3px;
}


.SmallWindow2_Header {
 background:#DDD;
 border:#BBB solid;
 border-width: 1px 1px 0 1px;
 height:20px;
 text-align:center;
 color: #333;
 text-shadow: #000 0.2em 0.2em 0.2em;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: bold;
 font-size:120%;
 line-height: 100%;
 padding:8px 0px 0px 0px;
 margin:0;
 }


.SmallWindow2_subtitle {
 margin:0; /* マージンの指定 */
 padding-left:0px; /* 左パディングの指定 */
 padding-bottom:0px;
 font-size: 14px; /* テキストサイズの指定 */
 line-height: 1.8em; /* 行間の指定 */
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; /* フォントの指定 */
 font-weight: bold; /* テキストの太さの指定 */
 color: #666; /* テキストの色指定 */
 text-shadow: #FFF 2px 2px 1px; /* テキストのドロップシャドウの指定（Safariのみ対応） */
 text-align:left; /* テキストの行揃えの指定。left=左, center=中央, right=右 */

 }


.SmallWindow2_Title {
 margin:0;
 padding:1px 0 1px 5px;
 color:#000;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-size:12px;
 font-weight:normal;
 background: #EEEEBB;
 border-left: #999900 solid 6px;
 }


.SmallWindow2_Normal2 {
 padding:0 0 0 5px;
 color:#000;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-size:12px;
 font-weight:normal;
 border-top:#BBB solid 1px;
 }

.SmallWindow2_Error {
 color:#CC0000;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-size:12px;
 font-weight:bold;
 }

.SmallWindow2 li  {
	background-image: url(../img/link_arrow.gif);
	background-repeat: no-repeat;
	background-position:0px 4px ;
	list-style-type: none;
	padding-left: 20px;
	margin-right: 5px;
	margin-bottom: 7px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 95%;
	line-height: 150%;
	color: #333333;
}


 /* MT用の設定
---------------------------------------------------- */

/* 検索結果の定義 */
.search-results-header h3 {
 border:none;
 }

/* タグ表示の定義 */
.entry-tags {
 margin:0 !important;
 padding:4px;
 clear:both;
 background:#333 url(images/tag_background.gif);
 display:block;
 }
 
.entry-tags a {
 color:#FFF;
 }
 
.entry-tags-header {
 font-size:11px;
 color:#FFF;
 line-height:1em;
 float:left;
 display:block;
 margin:0 !important;
 }

.entry-tags li {
 font-size:11px;
 float:left;
 list-style:none;
 display:block;
 margin:0 5px;
 line-height:1em;
 }

.entry-tags-list {
 margin:0;
 }

.entry-tag {
 margin:0;
 }

/* タグ表示の定義 - ここまで */


/* エントリー内の画像の指定 */ 
.entry-body img {
 margin:3px;
 }

/* エントリー内のフッターの指定 */

.entry-footer {
 clear:both;
 border-top:#CCC solid 1px;

 }

.comment-footer {
 float:left;
 margin:5px;
 }
 
.comment-footer-experimental {
 float:left;
 margin:5px;
 }
/* エントリー内のフッターの指定 - ここまで */

/* コメント欄の指定 */
.comments-open {
 clear:both;
 }
 
/* アーカイブページのタイトルの指定 */
#archive-title {
 background:none;
 border:none;
 color:#333;
 text-align:center;
 text-shadow: #aaa 2px 2px 2px;
 margin:0 0 5px 0;
 padding:0;
 }
 
.trackbacks {
 margin:5px;
 }

.comment {
 clear:both;
 }
 
.comment-header {
 background: url(images/nav_background.gif);
 border:#CCC solid 1px;
 line-height:1em;
 margin-top:5px;
 padding:3px;
 }

.comments-content {
 margin:5px;
 }
 
.comments-open-content {
 margin:5px;
 }
 
.content-nav {
 text-align:center;
 background:url(images/nav_background.gif);
 border:#999 solid 1px;
 padding:2px;
 }
 
.comment-content {
 border-bottom:#999 solid 1px;
 }
 
.pagebody-spacer {
 text-align:center;
 }