@charset "utf-8";


/* ====================　フォントのスタイル設定　========================== */

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
    font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #FFF;
	background-image: url(material/bg_news.gif);
	margin: 0px;
	padding: 0px;
}

.font_red {
	color: #F00;
}

.font_orange {
	color: #F60;
}
.font_blue {
	color: #06f;
}

.font_white {
	color: #fff;
}

.font_bold {
	font-weight: bold;
}

.font_oblique {
	font-style: oblique;
}

.text_l {
	font-size: 15px;
	text-decoration: none;
}

.text_underline {
	text-decoration: underline;
}

/* ====================　仕切り線のスタイル設定　========================== */

.hr {
    border-width: 1px 0px 0px 0px;	/* 太さ */
    border-style: solid;			/* 線種 */
    border-color: #666;				/* 灰色 */
    height: 1px; 					/* 高さ */
}

.hr2 {
    border-width: 1px 0px 0px 0px; 	/* 太さ */
    border-style: solid; 			/* 線種 */
    border-color: #70b3fb; 			/* 青色 */
    height: 1px; 					/* 高さ */
}

.hr3 {
    border-width: 1px 0px 0px 0px; 	/* 太さ */
    border-style: solid; 			/* 線種 */
    border-color: #4aa22b; 			/* 青色 */
    height: 1px; 					/* 高さ */
}

.hr4 {
    border-width: 1px 0px 0px 0px; 	/* 太さ */
    border-style: solid; 			/* 線種 */
    border-color: #fff; 			/* 緑色 */
    height: 1px; 					/* 高さ */
}

/* ====================　アイコンのスタイル設定　========================== */

.icon01 {
	margin-right: 10px;
	width: 40px;
	float: left;
	text-align: center;
	background: #f466b6;			/*背景色：ピンク*/
	color: #fff;					/*文字の色：白*/
	border-left: solid 7px #d40f7e;
	border-top: solid 1px #d40f7e;
	border-right: solid 1px #d40f7e;
	border-bottom: solid 1px #d40f7e;
}

.icon02 {
	margin-right: 10px;
	width: 40px;
	float: left;
	text-align: center;
	background: #f99617;			/*背景色：オレンジ*/
	color: #fff;					/*文字の色：白*/
	border-left: solid 7px #d77c06;
	border-top: solid 1px #d77c06;
	border-right: solid 1px #d77c06;
	border-bottom: solid 1px #d77c06;
}

.icon03 {
	margin-right: 10px;
	width: 40px;
	float: left;
	text-align: center;
	background: #91d207;			/*背景色：黄緑*/
	color: #fff;					/*文字の色：白*/
	border-left: solid 7px #649005;
	border-top: solid 1px #649005;
	border-right: solid 1px #649005;
	border-bottom: solid 1px #649005;
}

.icon04 {
	margin-right: 10px;
	width: 40px;
	float: left;
	text-align: center;
	background: #979468;			/*背景色：薄茶*/
	color: #fff;					/*文字の色：白*/
	border-left: solid 7px #6f6c4c;
	border-top: solid 1px #6f6c4c;
	border-right: solid 1px #6f6c4c;
	border-bottom: solid 1px #6f6c4c;
}

.icon05 {
	margin-right: 10px;
	width: 40px;
	float: left;
	text-align: center;
	background: #9318d6;			/*背景色：紫*/
	color: #fff;					/*文字の色：白*/
	border-left: solid 7px #4a0c6c;
	border-top: solid 1px #4a0c6c;
	border-right: solid 1px #4a0c6c;
	border-bottom: solid 1px #4a0c6c;
}

.icon06 {
	margin-right: 10px;
	width: 40px;
	float: left;
	text-align: center;
	background: #099def;			/*背景色：青*/
	color: #fff;					/*文字の色：白*/
	border-left: solid 7px #0672ae;
	border-top: solid 1px #0672ae;
	border-right: solid 1px #0672ae;
	border-bottom: solid 1px #0672ae;
}

/* ====================　ゲーム用のアイコン設定　========================== */

.game_icon01 {
	margin-right: 5px;
	width: 55px;
	float: left;
	text-align: center;
	background: #f66;			/*背景色：赤色（業務用）*/
	color: #fff;					/*文字の色：白*/
	border: solid 1px #f33;
	border-radius: 3px;
}

.game_icon02 {
	margin-right: 5px;
	width: 55px;
	float: left;
	text-align: center;
	background: #c98167;			/*背景色：茶色（モバイル用）*/
	color: #fff;					/*文字の色：白*/
	border: solid 1px #7c412c;
	border-radius: 3px;
}

.game_icon03 {
	margin-right: 5px;
	width: 55px;
	float: left;
	text-align: center;
	background: #69b6e0;			/*背景色：水色（Wii用）*/
	color: #fff;					/*文字の色：白*/
	border: solid 1px #3fa1d7;
	border-radius: 3px;
}

.game_icon04 {
	margin-right: 5px;
	width: 55px;
	float: left;
	text-align: center;
	background: #fe7eb8;			/*背景色：ピンク（DS用）*/
	color: #fff;					/*文字の色：白*/
	border: solid 1px #fe4b9c;
	border-radius: 3px;
}

.game_icon05 {
	margin-right: 5px;
	width: 55px;
	float: left;
	text-align: center;
	background: #77da21;			/*背景色：緑（Xbox用）*/
	color: #fff;					/*文字の色：白*/
	border: solid 1px #5fae1a;
	border-radius: 3px;
}

.game_icon06 {
	margin-right: 5px;
	width: 55px;
	float: left;
	text-align: center;
	background: #5038db;			/*背景色：青（PS用）*/
	color: #fff;					/*文字の色：白*/
	border: solid 1px #3520af;
	border-radius: 3px;
}

.game_icon07 {
	margin-right: 5px;
	width: 55px;
	float: left;
	text-align: center;
	background: #a562aa;			/*背景色：紫（GC用）*/
	color: #fff;					/*文字の色：白*/
	border: solid 1px #884c8d;
	border-radius: 3px;
}

.game_icon08 {
	margin-right: 5px;
	width: 55px;
	float: left;
	text-align: center;
	background: #ff8533;			/*背景色：オレンジ（PS用）*/
	color: #fff;					/*文字の色：白*/
	border: solid 1px #f60;
	border-radius: 3px;
}

.game_icon09 {
	margin-right: 5px;
	width: 55px;
	float: left;
	text-align: center;
	background: #203ab9;			/*背景色：深青（PS4用）*/
	color: #fff;					/*文字の色：白*/
	border: solid 1px #0e1a54;
	border-radius: 3px;
}

.game_icon10 {
	margin-right: 5px;
	width: 55px;
	float: left;
	text-align: center;
	background: #066;			/*背景色：青緑（Steam用）*/
	color: #fff;					/*文字の色：白*/
	border: solid 1px #0e1a54;
	border-radius: 3px;
}

/* ====================　各種ボタンの設定　================================ */

.button {
	display: inline-block;
	width: 200px;
	height: 30px;
	text-align: center;
	text-decoration: none;
	line-height: 0px;
	outline: none;
	border: 1px solid #199c67;
	background-color: #2ddd96;
	background-image: -webkit-linear-gradient(top, #2ddd96, #1eb97b);
	background-image: linear-gradient(to bottom, #2ddd96, #1eb97b);
	border-radius: 4px;
	color: #fff;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

.button:hover {
	border:1px solid #f60;
	background-color: #ffa366;
	background-image: -webkit-linear-gradient(top, #ffa366, #ff8533);
	background-image: linear-gradient(to bottom, #ffa366, #ff8533);
}

.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button2 {
	float: left;
	display: inline-block;
	width: 50px;
	height: 15px;
	text-align: center;
	line-height: 15px;
	text-decoration: none;
	outline: none;
	border: 1px solid #ab942f;
	background-color: #d2bd5d;
	background-image: -webkit-linear-gradient(top, #d2bd5d, #c6ab36);
	background-image: linear-gradient(to bottom, #d2bd5d, #c6ab36);
	border-radius: 4px;
	color: #fff;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

.button2:hover {
	border:1px solid #d2bd5d;
	background-color: #ddcd85;
	background-image: -webkit-linear-gradient(top, #ddcd85, #d2bd5d);
	background-image: linear-gradient(to bottom, #ddcd85, #d2bd5d);
}

/* ====================　表のスタイル設定　================================ */

.cell{
	width: 100%;
	border-collapse: collapse;
}
.cell th{
	width: 25%;
	padding: 6px;
	text-align: left;
	vertical-align: top;
	color: #333;
	background: -webkit-linear-gradient(top, #fdfdfd 0%, #eaecee 100%);/* Safari,Google Chrome用 */
	background: linear-gradient(to bottom, #fdfdfd 0%, #eaecee 100%);
	border: 1px solid #a8b2b9;
	}
.cell td{
	padding: 6px;
	background-color: #fff;
	border: 1px solid #a8b2b9;
}

.cell2{			/* 透明セル */
	width: 100%;
	border-collapse: collapse;
}
.cell2 th{
	width: 250px;
	padding: 6px;
	text-align: center;
	vertical-align: top;
}
.cell2 td{
	padding: 6px;
	text-align: center;
	vertical-align: top;
}

.cell3{			/* 会社写真用の透明セル */
	width: 100%;
	border-collapse: collapse;
}
.cell3 th{
	width: 250px;
	padding: 0;
	text-align: center;
	vertical-align: top;
}
.cell3 td{
	padding: 0 10px 20px 10px;
	text-align: left;
	vertical-align: top;
}

.cell4{			/* インタビュー用の透明セル（2列/40-710） */
	width: 750px;
	float: left;
	border-collapse: collapse;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}
.cell4 tr td:nth-child(1){
	width: 40px;
}
.cell4 td{
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

.cell5{			/* インタビュー用の透明セル（2列/50-470） */
	width: 520px;
	border-collapse: collapse;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}
.cell5 tr td:nth-child(1){
	width: 40px;
}
.cell5 td{
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

.cell6{
	width: 100%;				/* 見出し＋しましまのセル */
	border-collapse: collapse;
	border: 1px solid #7e4e25;
}
.cell6 th{
	padding: 6px;
	text-align: left;
	vertical-align: top;
	color: #fff;
	background: -webkit-linear-gradient(top, #7e4e25 0%, #3c2511 100%);/* Safari,Google Chrome用 */
	background: linear-gradient(to bottom, #7e4e25 0%, #3c2511 100%);
	border: 1px solid #7e4e25;
	}
.cell6 tr:nth-child(even) td{
	padding: 3px;
	background-color: #eacfb7;
	border: 1px solid #7e4e25;
}
.cell6 tr:nth-child(odd) td{
	padding: 3px;
	background-color: #fff;
	border: 1px solid #7e4e25;
}

.cell7{
	width: 100%;				/* しましまのセル */
	border-collapse: collapse;
	border: 1px solid #7e4e25;
}
.cell7 th{
	padding: 6px;
	text-align: left;
	vertical-align: top;
	color: #fff;
	background: -webkit-linear-gradient(top, #7e4e25 0%, #3c2511 100%);/* Safari,Google Chrome用 */
	background: linear-gradient(to bottom, #7e4e25 0%, #3c2511 100%);
	border: 1px solid #7e4e25;
	}
.cell7 tr:nth-child(even) td{
	padding: 3px;
	background-color: #eacfb7;
	border: 1px solid #7e4e25;
}
.cell7 tr:nth-child(odd) td{
	padding: 3px;
	background-color: #fff;
	border: 1px solid #7e4e25;
}

.cell8{			/* 壁紙用の透明セル */
	width: 740px;
	border-collapse: collapse;
}
.cell8 th{
	width: 110px;
	padding: 0;
	text-align: center;
	vertical-align: top;
}
.cell8 td{
	padding: 0 0 5px 10px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}


/* ====================　見出しのスタイル設定　============================ */

.h_line1 {	/* ストラップ柄の見出し */
	margin-top: 0;		/* 見出しを上側に配置 */
	padding: .5em .70em;
	background: -webkit-repeating-linear-gradient(45deg, #ffa366, #ffa366 5px, #ff7a22 5px, #ff7a22 10px);
	background: repeating-linear-gradient(45deg, #ffa366, #ffa366 5px, #ff7a22 5px, #ff7a22 10px);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}

.h_line2 {		/* ピックアップ情報の見出し */
  margin-top: 0;
  padding:10px 10px;
  border: 1px solid #3399ff;
  background: #09F;
  -webkit-border-radius:10px 10px 0 0;
  -moz-border-radius:10px 10px 0 0;
  border-radius:10px 10px 0 0;
  border-bottom:1px solid #eee;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3); 
}

.h_line3 {		/* 新着情報の見出し */
  margin-top: 0;
  padding:10px 10px;
  border: 1px solid #7ddd84;
  background: #7ddd84;
  -webkit-border-radius:10px 10px 0 0;
  -moz-border-radius:10px 10px 0 0;
  border-radius:10px 10px 0 0;
  border-bottom:1px solid #eee;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3); 
}

.h_line4 {		/* タブ付きの見出し（茶色のサイズ指定） */
	position: relative;
	color: black;
	background: #d8c2ad;
	font-size: 16px;
	line-height: 1.4;
	padding: 0.25em 0.5em;
	margin: 2em 0 0.5em;
	border-radius: 0 3px 3px 3px;
}

h_line4:after {/*タブ*/
	position: absolute;
	font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
	content: '\f00c Check';
	background: #443220;
	color: #fff;
	font-size: 10px;
	left: 0px;
	bottom: 100%;
	border-radius: 3px 3px 0 0;
	padding: 3px 7px 1px;
 	font-size: 0.7em;
 	line-height: 1;
 	letter-spacing: 0.05em
}

.h_line4_2 {		/* タブ付きの見出し（サイズ指定なし） */
	position: relative;
	color: black;
	background: #d8c2ad;
	line-height: 1.4;
	padding: 0.25em 0.5em;
	margin: 2em 0 0.5em;
	border-radius: 0 3px 3px 3px;
}

h_line4_2:after {/*タブ*/
	position: absolute;
	font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
	content: '\f00c Check';
	background: #443220;
	color: #fff;
	font-size: 10px;
	left: 0px;
	bottom: 100%;
	border-radius: 3px 3px 0 0;
	padding: 3px 7px 1px;
 	font-size: 0.7em;
 	line-height: 1;
 	letter-spacing: 0.05em
}



.h_line5 {		/* 付箋タイプの見出し（ニュース用） */
	color: #333;/*文字色*/
	padding: 0.5em 0 10px 0.5em;/*上下の余白*/
	background: -webkit-linear-gradient(top, #f6f6f6 0%, #ddd 100%);/* Safari,Google Chrome用 */
	background: linear-gradient(to bottom, #f6f6f6 0%, #ddd 100%);
	border-top: solid 1px #b3b3b3;
	border-right: solid 1px #b3b3b3;
	border-bottom: solid 1px #b3b3b3;
	border-left: solid 10px #6dc1e3;
}

.h_line6 {		/* 上角丸グラデーションの見出し（製品紹介用） */
	color: #fff;/*文字色*/
	padding: 0.5em 0 10px 0.5em;/*上下の余白*/
	background: -webkit-linear-gradient(top, #65acf6 0%, #0c68c7 100%);/* Safari,Google Chrome用 */
	background: linear-gradient(to bottom, #65acf6 0%, #0c68c7 100%);
	-webkit-border-radius:10px 10px 0 0;
  	-moz-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
	border: solid 1px #0c68c7;
}

.h_line7 {		/* ボーダーライン（製品紹介の年号用） */
	position: relative;
	line-height: 35px;
	color: #f00;
	padding-left: 5px;
	font-style: italic;
}

.h_line7:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 5px;
	background: #f88;
}

.h_line8 {		/* ボーダーライン（お知らせ用） */
	margin-top: -30px;
	position: relative;
	line-height: 35px;
	color: #f00;
	padding-left: 5px;
}

.h_line8:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 5px;
	background: #f88;
}

.h_line9 {			/* 1文字目が大きい */
  position: relative;
  font-weight:bold;
  color: #f00;
  font-size:20px;
}
.h_line9:first-letter{
  font-size:35px;
}
.h_line9:after{
  content:"";
  display:block;
  height:5px;
  width:100%;
  background:#f88;
  position:absolute;
  bottom:-10px;
}



/* ====================　見出し用の枠　==================================== */

.h_box {							/* 見出し用の枠　850px */
  	margin-top: -30px;
  	width: 850px;						/* 幅の設定 */
  									/* 高さの設定 */
	background-color: #fef3eb;
  	border: 4px double #ff7a22;		/* 枠の設定 */
  	text-align:center;				/* この行から3行で枠を中央に配置する */
  	margin-left:auto;margin-right:auto;
  	text-align:left;
}

.h_box2 {								/* 見出し用の枠　300px */
	width: 300px;
	margin: 20px 6px 0px 10px;				/* ↑→↓←のマージン調整 */
	margin-bottom: -20px;
}

.h_box3 {								/* 見出し用の枠　240px */
  
  	width: 240px;
  	margin: 20px 6px 0px 10px;				/* ↑→↓←のマージン調整 */
  	margin-bottom: -20px;
  	text-align:center;				/* この行から3行で枠を中央に配置する */
  	margin-left:auto;margin-right:auto;
  	text-align:left;
}

.h_box4 {							/* 見出し用の枠（主にニュースリリースに使用）　850px */
	width: 850px;
	text-align:center;				/* この行から3行で枠を中央に配置する */
  	margin-left:auto;margin-right:auto;
  	text-align:left;
}

.h_box5 {							/* 各種見出し用の枠（主に製品紹介に使用）　800px+20px */
	width: 820px;
	text-align:center;				/* この行から3行で枠を中央に配置する */
  	margin-left:auto;margin-right:auto;
  	text-align:left;
}

.h_box6 {							/* 右詰のボタン等を配置する際に使用する枠　800px+20px */
	margin-top: 30px;
	width: 820px;
	text-align:center;				/* この行から3行で枠を中央に配置する */
  	margin-left:auto;margin-right:auto;
  	text-align:right;
}

.h_box7 {							/* 製品紹介見出し用の枠　800px+20px */
	width: 300px;
	margin: 0px 0px 0px 25px;
  	text-align:left;
}

.h_box8 {							/* 見出し用の枠（主にニュースリリースに使用）　850px */
	width: 730px;
	text-align:center;				/* この行から3行で枠を中央に配置する */
  	margin-left:auto;margin-right:auto;
  	text-align:left;
}

/* ====================　セレクトBOX　===================================== */

.select-box01 select {
	float: right;
	margin: 20px 10px 0 0;
	width: 100px;
	padding: 5px;
	border: 1px solid #302a1c;
	background: #f8f3ec;
	background-size: 20px, 100%;
}

.select-box02 select {
	float: right;
	margin: 20px 10px 0 0;
	width: 300px;
	padding: 5px;
	border: 1px solid #302a1c;
	background: #f8f3ec;
	background-size: 20px, 100%;
}

/* ====================　コンテンツ用の箱　================================ */

.box1 {						/* ピックアップと新着をまとめる箱 */
	width: 600px;
	float: left;
}
	
.h_textbox {
  width: 840px;
  padding: 0 10px 10px 10px;
}

.h_textbox2 {				/* ピックアップ情報用の枠付テキスト用BOX */
  margin-top: -10px;
  width: 550px;
  margin: 0 6px 0 10px;
  padding: 10px;
  border: 10px solid #09F;
}

.h_textbox3 {				/* 新着情報用の枠付テキスト用BOX */
  margin-top: -10px;
  width: 550px;
  margin: 0 6px 0 10px;
  padding: 10px;
  border: 10px solid #7ddd84;
}

.h_textbox4 {				/* 幅800（主にニュースリリースに使用） */
	width: 800px;
	padding: 10px;
	text-align:center;				/* この行から3行で枠を中央に配置する */
  	margin-left:auto;margin-right:auto;
  	text-align:left;
}

.h_textbox5 {				/* 製品紹介用の箱：幅800px-10px */
	margin-top: -17px;
	width: 790px;
	padding: 10px;
	background:linear-gradient(135deg, #fefcfa, #f4e3d1);
	border-top: solid 5px #0c68c7;
	border-right: solid 5px #0c68c7; 
	border-bottom: solid 5px #0c68c7; 
	border-left: solid 5px #0c68c7; 
	text-align:center;				/* この行から3行で枠を中央に配置する */
  	margin-left:auto;margin-right:auto;
  	text-align:left;
}

.h_textbox6 {				/* 幅820 */
	width: 820px;
	text-align:center;				/* この行から3行で枠を中央に配置する */
  	margin-left:auto;margin-right:auto;
  	text-align:left;
}

.h_textbox7 {				/* 幅750 */
	width: 750px;
	text-align:center;				/* この行から3行で枠を中央に配置する */
  	margin-left:auto;margin-right:auto;
  	text-align:left;
}

.h_textbox8 {				/* 幅180 */
	width: 180px;
	float: left;
  	margin-left:auto;margin-right:auto;
  	text-align:center;
}

.left_textbox {				/* 左寄せのテキスト用BOX：幅350 */
	float: left;
	width: 350px;
}

.left_textbox2 {				/* 左寄せのテキスト用BOX：幅70（主にゲームカタログ用） */
	float: left;
	width: 70px;
}

.left_textbox3 {				/* 左寄せのテキスト用BOX：幅70（主に業務用ゲームカタログ用） */
	float: left;
	width: 100px;
}

.left_textbox4 {				/* 左寄せのテキスト用BOX：幅325（主に関連製品説明用） */
	float: left;
	width: 325px;
}

.left_textbox5 {				/* 左寄せのテキスト用BOX：幅650（主に会社概要説明用） */
	float: left;
	width: 650px;
}

.left_textbox6 {				/* 左寄せのテキスト用BOX：幅220（主に壁紙サンプル表示用） */
	float: left;
	padding: 5px;	
	width: 220px;
}

.left_textbox7 {				/* 左寄せのテキスト用BOX：幅290 */
	float: left;
	width: 290px;
}

.left_textbox8 {				/* 左寄せのテキスト用BOX：幅500（主にインタビューのCELLをいれる箱） */
	float: left;
	width: 520px;
}

.right_textbox {			/* 右寄せのテキスト用BOX：幅240 */
	margin-top: 20px;
	float: right;
	width: 240px;
	margin-right: 10px;
	line-height: 13px;
}

.right_textbox2 {			/* 右寄せのテキスト用BOX：幅180 */
	float: right;
	width: 180px;
	text-align: right;
}

.right_textbox3 {			/* 右寄せのテキスト用BOX：幅750 */
	float: right;
	width: 750px;
	text-align: right;
}

.right_textbox4 {			/* 右寄せのテキスト用BOX：幅300（ヘッダー右に使用） */
	margin-top: 10px;
	float: right;
	width: 300px;
	text-align: right;
	vertical-align: top;
	line-height: 1.0em;		/*　行間の調整　*/
}

.right_textbox5 {			/* 右寄せのテキスト用BOX：幅220（インタビュー用） */
	float: right;
	padding: 5px;	
	width: 220px;
	text-align: left;
}


.week {						/*日替わりイラストの枠*/
	height: 280px;
	width: 240px;
	background-image: url(image_top0.png);
	background-repeat: no-repeat;
}

.waku {		/* 説明用の枠：幅500 */
	border: 1px solid #630;
	width: 500px;
	padding: 5px;
}

/* ====================　ヘッダーの表示設定　============================== */

.logo_box {
	margin-top: 10px;
	float: left;
	width: 300px;
	font-size: 16px;
}

.header_area {
  position: fixed; 		/* 固定 */
  top: 0; 				/* 一番上に表示 */
  width: 870px; 		/* 幅設定 */
  z-index: 100;			/* ヘッダーエリアを最前面に表示 */
}

.header_block {	
  padding: 10px; 
  background: #ffffff;	 /*ヘッダーの背景色 */
}

.header_block2 {		/* インタビュー用のヘッダー */
 	padding: 10px;  
	background: -webkit-linear-gradient(top, #ccc 0%, #333 100%);/* Safari,Google Chrome用 */
	background: linear-gradient(to bottom, #ccc 0%, #333 100%);
}

.header_box {
  width: 100%;
  margin: 0;
}
 
.header_box h1 {		/* ヘッダー内のテキスト装飾 */
  margin: 0;
  padding: 20px 0;
  font-size: 34px;
  text-align: center;
}

/* ====================　ドロップメニューのスタイル設定　==================== */

#dropmenu{
  list-style-type: none;
  width: 100%;						/* メニュー全体の横幅 */
  height: 40px;						/* メニュー全体の高さ */
  margin: 0px;						/* メニュー全体のマージン */
  padding: 0;
  background: #38a7e2;				/* メニュー全体の色 */
  border-bottom: 5px solid #176f9d;	/* メニュー下部の色 */
  border-radius: 3px 3px 0 0;		/* メニュー下部の丸み調整 */
}
#dropmenu li{
  position: relative;
  width: 20%;						/* 各メニューの幅 */
  float: left;						/* メニューの左寄せ */
  margin: 0;
  padding: 0;
  text-align: center;				/* メニュー内文字の配置 */
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;						/* メニューフォントの色 */
  font-size: 14px;					/* メニューフォントの大きさ */
  font-weight: bold;				/* メニューフォントの太さ */
  line-height: 1;
  text-decoration: none;
  border-left: 1px solid #73c1eb;	/* メニュー左側の1pxライン */
  border-right: 1px solid #1b83bb;	/* メニュー右側の1pxライン */
}
#dropmenu li ul{					/* サブメニュー全体のul */
  list-style: none;
  position: absolute;
  top: 100%;						/* メインメニューの真下に表示させる */
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;		/* 下側の角を丸くする */
}
#dropmenu li:last-child ul{			/* 一番右のサブメニューのみ1ブロック左にずらす */
  left: -100%;
  width: 100%
}
#dropmenu li ul li{					/* サブメニュー内のli */
  overflow: hidden;
  width: 200%;						/* サブメニューの幅を指定 */
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{				/* サブメニューのリンク */
  padding: 13px 15px;
  background: #1b83bb;				/* ドロップダウンメニューの色 */
  text-align: left;
  font-size: 12px;					/* サブメニューフォントの大きさ */
  font-weight: normal;
}
#dropmenu li:hover > a{				/* マウスを乗せた時の色設定（メイン･サブ共通） */
  background: #1b83bb;				/* 背景の色 */
  color: #eff7b1;					/* テキストの色 */
}
#dropmenu > li:hover > a{			/* メインメニューにマウスを乗せた時に上の角を丸くする */
  border-radius: 3px 3px 0 0;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 36px;
  border-top: 1px solid #73c1eb;	/* メニュー上側の1pxライン */
  border-bottom: 1px solid #14568e;	/* メニュー下側の1pxライン */
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

/* ====================　コンテンツの表示設定　============================ */

.contents{
  width: 870px;				/* コンテンツエリアの幅を指定 */
  overflow: hidden; 		/* スクロールする範囲を制御 */
  min-height: 300px;		/* コンテンツエリアの最低高を指定 */
  margin-right: auto;		/* コンテンツにだけ中央寄せを指定 */
  margin-left : auto;
  margin-top:1.5%; 
  margin-bottom: 0px;
  background-color :#ffffff;/*　コンテンツ内の背景カラー　*/
  line-height: 1.3em;		/*　行間の調整　*/
  padding: 70px 0 0; 		/*　コンテンツ上下にスペース　*/
}

/* ====================　フッターの表示設定　============================== */

.footer {
  background: #333333;		/* フッターの背景色設定 */
  width: 850px; 			/* 中央に表示 */
  height: 180px;			/* フッターの高さ設定 */
  padding: 10px;
  margin-top: 20px;
}

.footer2 {					/* インタビュー記事用のフッター */
  background: #333333;		/* フッターの背景色設定 */
  width: 850px; 			/* 中央に表示 */
  height: 30px;			/* フッターの高さ設定 */
  padding: 10px;
  margin-top: 20px;
}

.footer_menu-section {		/* 各リンク用の箱 */
  width: 190px;
  float: left;
  color: #fff;
  padding: 10px;
  margin: 0 auto;
}

.footer_menu-section2 {		/* TOP･HOMEリンク用の箱 */
  margin: 0;
  width: 840px;
  color: #fff;
  text-align:right;			/* テキストの右詰 */
}

.top_link {					/* TOPリンク用の箱 */
  margin: 0;
  width: 790px;
  text-align:right;			/* テキストの右詰 */
}

.footer_copyright {			/* フッター内のコピーライト設定 */
  margin: 0;
  width: 840px;
  color: #fff;
  font-size: 12px;			/* コピーライトのフォントサイズ設定 */
  text-align: center;
}

.footer_copyright2 {			/* フッター内のコピーライト設定（右寄せ） */
  margin: 0;
  width: 840px;
  color: #fff;
  font-size: 12px;			/* コピーライトのフォントサイズ設定 */ 
  text-align: right;
}

/* ====================　リンクのスタイル設定　============================ */

a:link {						/* デフォルト用：未訪問 */
	font-size: 12px;
	color: #0066FF;
	text-decoration: underline;
}

a:visited {						/* デフォルト用：訪問後 */
	font-size: 12px;
	color: #0066FF;
	text-decoration: underline;
}

a:hover {						/* デフォルト用：マウスをのせた時 */
	font-size: 12px;
	color: #FF0066;
	text-decoration: underline;
}

a:active {						/* デフォルト用：選択中 */
	font-size: 12px;
	color: #0066FF;
	text-decoration: underline;
}

.header_link a {				/* ヘッダー用：未訪問 */
	font-size: 12px;
	color: #333;
	text-decoration: none;
}

.header_link a:visited {		/* ヘッダー用：訪問後 */
	font-size: 12px;
	color: #333;
	text-decoration: none;
}

.header_link a:hover {			/* ヘッダー用：マウスをのせた時 */
	font-size: 12px;
	color: #f06;
	text-decoration: none;
}

.footer_link a {				/* フッター用：未訪問 */
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}

.footer_link a:visited {		/* フッター用：訪問後 */
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}

.footer_link a:hover {			/* フッター用：マウスをのせた時 */
	font-size: 12px;
	color: #ff0;
	text-decoration: none;
}

.button_link a {				/* ボタン用：未訪問 */
	color: #fff;
	text-decoration: none;
}

.button_link a:visited {		/* ボタン用：訪問後 */
	color: #fff;
	text-decoration: none;
}

.button_link a:hover {			/* ボタン用：マウスをのせた時 */
	color: #fff;
	text-decoration: none;
}

/* ====================　各コンテンツへのアンカー設定　============================ */

#top {		/* アンカーが固定ヘッダーの下に潜り込まないようにする */
	margin-top: -100px; /* 固定ナビの高さ分のネガティブマージン */
  	padding-top: 110px; /* 打ち消し用のパディング */
}

#anchor1 {		/* アンカーが固定ヘッダーの下に潜り込まないようにする */
	margin-top: -110px; /* 固定ナビの高さ分のネガティブマージン */
  	padding-top: 110px; /* 打ち消し用のパディング */
}

#anchor2 {		/* アンカーが固定ヘッダーの下に潜り込まないようにする */
	margin-top: -110px; /* 固定ナビの高さ分のネガティブマージン */
  	padding-top: 110px; /* 打ち消し用のパディング */
}

#anchor3 {		/* アンカーが固定ヘッダーの下に潜り込まないようにする */
	margin-top: -110px; /* 固定ナビの高さ分のネガティブマージン */
  	padding-top: 110px; /* 打ち消し用のパディング */
}

#anchor4 {		/* アンカーが固定ヘッダーの下に潜り込まないようにする */
	margin-top: -110px; /* 固定ナビの高さ分のネガティブマージン */
  	padding-top: 110px; /* 打ち消し用のパディング */
}

#sub_top {		/* アンカーが固定ヘッダーの下に潜り込まないようにする */
	margin-top: -50px; /* 固定ナビの高さ分のネガティブマージン */
  	padding-top: 50px; /* 打ち消し用のパディング */
}

/*　====================　IE6対策　===========================================  */

html,
body {
  _height: 100%;
  _overflow: hidden;
}
 
.header_area,
.footer_area {
  _position: absolute;
}
 
.header_block,
.footer_block {
  _margin-right: 17px; /* IE6のスクロールバーの幅分のスペース */
}
 
.contents_wrap {
  _width: 100%;
  _height: 100%;
  _overflow: auto;
}