@charset "UTF-8";

/* --- 全体の背景・テキスト --- */
/*
body {
margin: 0;
padding: 0;
background-color: #ffffff;
color: #000000;
font-size: 100%;
}
*/

/* --- 全体のリンクテキスト --- */
/*
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }
*/

body {
  background-color: #FFFFFF;
  margin-left: 0px;
  margin-top: 0px;
  color: #666666;
  font-family:Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  /* font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; */ 
  font-size: 98%;  /*全般の文字サイズ  90%  */
}
a:link {
  text-decoration: underline;
  color: #333399;
}
a:visited {
  text-decoration: underline;
  color: #333399;
}
a:hover {
  text-decoration: none;
  color: #0000CC;
}
a:active {
  text-decoration: underline;
  color: #333399;
}
a img { border-width: 0; }
img {vertical-align: bottom;}
.mainbody {
  background-repeat: no-repeat;
}

/* 基本フォント */ 
.FontL-i { font-size: 18px; line-height: 150%; text-indent: 1em; }
.FontM-i { font-size: 14px; line-height: 150%; text-indent: 1em; }
.FontS-i { font-size: 12px; line-height: 150%; text-indent: 1em; }
.FontL   { font-size: 18px; line-height: 150%; }
.FontL20   { font-size: 19px; line-height: 150%; }
.FontM   { font-size: 14px; line-height: 150%; }
.FontS   { font-size: 12px; line-height: 150%; }
.FontSS  { font-size: 11px; line-height: 120%; }
.FontS10  { font-size: 10px; line-height: 1.3; }




/* --- コンテナ --- */
#container {
width: 910px; /* ページの幅  910px */
margin: 0 auto; /* センタリング */
/* background: url(sidebar_200.gif) repeat-y left; */ /* サイドバーの背景画像 */
background-color: #ffffff; /* メインカラムの背景色 */
border-left: 0px #c0c0c0 solid; /* 左の境界線 */
border-right: 0px #c0c0c0 solid; /* 右の境界線 */
font-size: 90%;
}

/* --- ヘッダ --- */
#header {
/* background-color: #ffe080; */ /* ヘッダの背景色 */
border-bottom: 1px solid #aeaeae;  /*各メニュー下に1pxの直線を引く設定*/
padding-bottom: 5px;
}

/* --- ナビゲーション --- */
#nav {
float: left;
width: 250px; /* サイドバーの幅 */
}


/*サイドコンテンツ
---------------------------------------------------------------------------*/
h1{
z-index: 1;
color: #666666;
display: inline;

font-size: 12px;
text-align:left;
margin-left: 4px;
line-height: 0px;
position: relative; top:2px; /* 16px */
}

p{
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

h2,h3,ul,li,dl,dt,dd{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}

img {
	border: none;
}

#side {
	float: left;	/*サイドコンテンツを左側に配置する設定*/
	width: 250px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#side h3 {
	font-size: 90%;
	/* line-height: 16px; */
	/* background: url(images/midashi_bg1.gif) repeat-x; */
	/* height: 16px; */
	text-align: center;	/*h3見出しのテキストを中央よせにする設定。左よせがいいなら１行削除する。*/
	overflow: hidden;
}

#side p {
	padding-top: 1em;
	padding-bottom: 0em;
}



/*サイドメニュー
---------------------------------------------------------------------------*/
ul.sidemenu a {
	color: #282828;	/*文字色*/
	font-size: 90%;
	background: url(../image/re_side_tag.jpg) repeat-x;
	text-decoration: none;
	text-align: left; 	/*テキストを中央よせにする設定。左よせがいいなら１行削除する。*/
	text-indent: 2.5em;
	border-bottom: 0px solid #aeaeae;  /*各メニュー下に1pxの直線を引く設定*/
	height: 28px;

	display:table-cell;
	vertical-align: middle;

	/* display: block; */
	width: 250px;
	padding-top: 0.0em;
	padding-bottom: 0.0em;
}

ul.sidemenu a:hover {
	display:table-cell;
	vertical-align: middle;
	/* background: #f7f7f7; */	/*カーソルオーバー時の背景色*/
	background: url(../image/re_side_tag2.jpg) repeat-x;
	color: #000000;			/*カーソルオーバー時の文字色*/
}





/* --- メインカラム --- */
#content {
float: left;
width: 640px; /* メインカラムの幅 640 */  
text-align: left;
font-size: 90%;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 4px;
padding-right: 0px;
}

.contentBox {  
width: 620px;
padding-top: 5px;
padding-bottom: 5px;

background: #fff;
min-height: auto;
text-align:left;
line-height: 150%;
}

.contentBox2 {  
width: 620px;
padding-top: 0px;
padding-bottom: 5px;
padding-left: 4px;

background: #fff;
min-height: auto;
text-align:left;
line-height: 150%;
}

/* --- フッタ --- */
#footer {
clear: left; /* フロートのクリア */
width: 100%;
text-align: center;
background-color: #F5F5DC;  /* フッタの背景色 */
border-bottom: 1px solid #aeaeae;  /*各メニュー下に1pxの直線を引く設定*/
padding-top: 5px;
padding-bottom: 5px;
font-size: 90%;
}

/* ------------------*/
#menubut1 a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 126px;
    background-image: url(../image/br_to_1.jpg);
    padding-top: 36px;
    text-align: center;
    margin: 0px 0px;
}

#menubut1 a:hover {
    background-image: url(../image/re_to_1.jpg);
}

#menubut2 a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 128px;
    background-image: url(../image/br_con_1.jpg);
    padding-top: 36px;
    text-align: center;
    margin: 0px 0px;
}

#menubut2 a:hover {
    background-image: url(../image/re_con_1.jpg);
}

#menubut3 a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 128px;
    background-image: url(../image/br_new_1.jpg);
    padding-top: 36px;
    text-align: center;
    margin: 0px 0px;
}

#menubut3 a:hover {
    background-image: url(../image/re_new_1.jpg);
}

#menubut4 a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 128px;
    background-image: url(../image/br_otoi_1.jpg);
    padding-top: 36px;
    text-align: center;
    margin: 0px 0px;
}

#menubut4 a:hover {
    background-image: url(../image/re_otoi_1.jpg);
}



/* ------ MOBAサイト  ------------*/
#menubut1m a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 101px;
    background-image: url(../image/br_to_1m.jpg);
    padding-top: 36px;
    text-align: center;
    margin: 0px 0px;
}

#menubut1m a:hover {
    background-image: url(../image/re_to_1m.jpg);
}

#menubut1m2 a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 101px;
    background-image: url(../image/br_to_1m2.jpg);
    padding-top: 36px;
    text-align: center;
    margin: 0px 0px;
}

#menubut1m2 a:hover {
    background-image: url(../image/re_to_1m2.jpg);
}


#menubut2m a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 101px;
    background-image: url(../image/br_con_1m.jpg);
    padding-top: 36px;
    text-align: center;
    margin: 0px 0px;
}

#menubut2m a:hover {
    background-image: url(../image/re_con_1m.jpg);
}

#menubut3m a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 101px;
    background-image: url(../image/br_new_1m.jpg);
    padding-top: 36px;
    text-align: center;
    margin: 0px 0px;
}

#menubut3m a:hover {
    background-image: url(../image/re_new_1m.jpg);
}

#menubut4m a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 101px;
    background-image: url(../image/br_otoi_1m.jpg);
    padding-top: 36px;
    text-align: center;
    margin: 0px 0px;
}

#menubut4m a:hover {
    background-image: url(../image/re_otoi_1m.jpg);
}

/* --- ボックス --- */
.ecomoba_box1 {
width: 644px; /* ボックスの幅  639 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
font-size: 105%; /* ボックスの文字サイズ */
color: #666666;
padding : 5px ;
line-height:16px
}
.ecomoba_box2t1 {
width: 639px; /* ボックスの幅  639 */
background-color: #CCFFFF; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
font-size: 120%; /* ボックスの文字サイズ */
color: #ff0000;
padding : 16px ;
line-height:16px
}



/* 画像ポップアップ */
/* -------------------------------------------------------*/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /* CSS for enlarged image */
position: absolute;
background-color: #0054A6;  /* 余白の色 */
padding: 5px;
left: -1000px;
border: 1px #666666;  /* 枠の色 */
visibility: hidden;
color: #ffffff;  /* 文字の色 */
text-decoration: none;
}

.thumbnail span img{ /* CSS for enlarged image */
border-width: 0;
padding: 2px;  /* 余白の幅 */
}

.thumbnail:hover span{ /* CSS for enlarged image on hover */
visibility: visible;
top: 20px;  /* 上からの位置 */
left: -400px;  /* 左からの位置 -400*/
}


/* --- ボックス --- */
div.section {
width: 658px; /* ボックスの幅 640 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
font-size: 90%; /* ボックスの文字サイズ */
color: #666666;
}

/* --- 見出し --- */
div.section h3 {
margin: 0; /* 見出しのマージン */
padding: 6px 10px; /* 見出しのパディング（上下、左右） 6px 10px   */

/* background: #f9f9f9 url({$COMMON_IMAGE_DIR}/news_title.jpg) repeat-x top; */ /* 見出しの背景 */
/* background: #F40101; */ /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
color: #ffffff;
}

/* --- ボックス内の段落 --- */
div.section p {
margin: 0px 8px; /* 段落のマージン（上下、左右） */
font-size: 110%;
}

.kakaku2 {
  margin:0 0 0 0;
  padding:0px 0px;
  /* border:1px solid #CE2100; */
  border-style: double;
  background: #F0125D;

  color:#FFFFFF;
  font-weight: bold;
  font-size: 16pt;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,0.4);
}
.kakaku3 {
  margin:0 0 0 0;
  padding:0px 0px;
  border:1px solid #CE2100;
  background: #ffffff;

  color:#F0125D;
  font-weight: bold;
  font-size: 16pt;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,0.4);
}

.media-title {
	color: #000099;
	font-size: 14px;
	line-height: 150%;
	font-weight: bold;
	text-indent: 1em;
	border-style: double none double none;
	border-width: 3px 0px 3px 0px;
	border-color: #BBBBFF;
	background-color: #EEEEFF;
}


#viewer {
    margin: 0 auto;
    width: 660px;
    height: 150px;
    text-align: left;
    overflow: hidden;
    position: relative;
}

#viewer img {
    top: 0;
    left: 0;
    position: absolute;
}

.top_banner {
width: 305px;
border-collapse: collapse;
}
.top_banner th{
width: 100%;
padding: 0px;
text-align: center;
font-size: 90%;
font-weight: bolder;
/* font-family: "メイリオ", sans-serif;  */
font-family: sans-serif;
vertical-align: top;
color: #ffffff;
background-color: #ff0000;
border: 1px solid #ff0000;
}
.top_banner td{
padding: 6px;
text-align: center;
font-size: 90%;
vertical-align: top;
font-weight: bolder;
background-color: #fff;
border: 1px solid #ff0000;
color: #ff0000;
}

.kakaku_box {
width: 100%;
border-collapse: collapse;
}
.kakaku_box th{
width: 45%;
padding: 0px;
text-align: center;
font-size: 92%;
line-height:15px;

font-weight: normal;
font-family:"HG丸ｺﾞｼｯｸM-PRO", MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;"
vertical-align: center;
color: #fff;
background-color: #EF3371;
border: 1px solid #EC9DC7;
}
.kakaku_box td{
width: 60%;
padding: 0px 2px 0px 0px;
text-align: right;
font-size: 22pt;
font-weight: normal;
font-family:"MS UI Gothic", "arial narrow", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;"
vertical-align: center;

color: #EF3371;
background-color: #fff;
border: 1px solid #EC9DC7;
}

#qa_menu ul{ 
margin: 0; 
padding: 0; 
list-style: none; 
}
#qa_menu li{ 
display: inline; 
padding: 0; 
margin: 0; 
}
#qa_menu li a{
display: block; 
border: 1px solid #9F99A3;
background-color: #fff;  /* #EEEEEE */
padding: 7px 10px;
text-decoration: none;
color: #333;
width: 228px; 
margin: 10px 0px 0px 0px;   /* 10px 0px; */
text-align: left;
font-size: 12px;
}
#qa_menu li a:hover{
border: 1px solid #8593A9;
background-color: #9EB7DD;
}

table#table-01 {
    width: 600px;
    border: 1px #fff solid;
    border-collapse: collapse;
    border-spacing: 0;
    /* text-shadow:1px 1px 0px #778899; */
}

table#table-01 td {
    padding: 4px;
    border: 1px #fff solid;
    border-width: 0 0 1px 1px;
    background: #EF3371;
    font-weight: bold;
    line-height: 110%;
    text-align: center;
    color: #fff;
    font-size: 120%;
}

.itiranMenu , .itiranMenu ul { margin:0; padding-left:20px; font-size: 11pt; font-weight:bold; color: red; }  
.itiranMenu li {  
    list-style:none; 
    padding-left:25px;  
    line-height:18px;
    font-size: 80%; font-weight:normal; color: #666; 
}

.itiranShosai , .itiranShosai ul { margin:0; padding-left:20px; font-size: 11pt; font-weight:bold; color:#0072BC; }  
.itiranShosai li {  
    list-style:none; 
    padding-left:30px;  
    line-height:18px;
    font-size: 80%; font-weight:normal; color: #666; 
}

.topgo { text-align: right; padding-bottom:30px; padding-right:2px;}

.itiranShosai ol {  
    list-style:none; 
    line-height:30px;
}