html,body{
width:100%;
height:100%;
margin:0;
padding:0;
}


a {
	text-decoration: none;
}


/*-------- HEADER -----------------*/
#header{
/*20140523
position:fixed;
*/
top:0;
left:0;
width:100%;
height:175px;
background-color:#ccc;
}


#header_sub-bk
{
background-image: url("../images/header_sub_back.png");

	height: 175px; /*110px;			/*縦の高さ110px*/
	width: 100%;			/*横の幅を100%*/

}

#header_sub
{

	height: 175px;			/*縦の表示領域はheader-bkと同じ*/
	width: 960px;			/*横の幅970px*/
	margin: 0 auto;			/*中央揃え*/
background-image: url("../images/header_sub.png");
background-repeat:no-repeat;

 	background-size:contain;	/*縦横比保持で背景領域に収まる最大サイズになるように背景画像を拡大縮小*/

	font-family: 'serif', 'sans-serif', 'Arial';
/*
	font-weight: bold;
*/
	
	/*
	font-size: 0.85em;
	*/

}


#box_a a, #box_b a, #box_c a, 
#box_f a, #box_g a, #box_h a {
	color: #FFF;
  	font-family: 'serif', 'sans-serif', 'Arial';
	font-weight: bold;

}
#box_a a:hover, #box_b a:hover, #box_c a:hover,
#box_f a:hover, #box_g a:hover, #box_h a:hover {
	color: gray;
}

/*-- What's New --*/
#box_a
{
	position:relative;
	z-index: 10;

	top: 85px;
	left: 0px; /*610px;*/

	width:93px;
	height:17px;

	font-size: 13px;

/*
	border: 3px solid black;
*/
	
	

}

/*-- Abount Us --*/
#box_b
{
	position: relative;
	z-index:10;
	
	top: 68px; /*76px;*/
	left: 120px; /*730px;*/
	width: 93px;
	height: 17px;
	
	font-size: 13px;
	
/*
	border: 3px solid black;
*/
}

/*-- sign in --*/
#box_c
{
	position: relative;
	z-index: 10;
	top: -40px; /*-30px;*/ 
	left: 875px; /*840px;*/
	width: 95px; 
	height: 17px;
	text-align: center;
	
	/*border: 3px solid black;*/
/*20140509
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
*/
}
a:link.link_sign{
	display:block;
	width:90px;
	height: 40px; /*40px;*/

	background-image:url("../images/signin.png");
	
	text-indent:-10000px;
	list-style:none;
}
a:hover.link_sign{
	display:block;
	width:90px;
	height:40px; /*40px;*/
	background-image:url("../images/signin2.png");
	text-indent:-10000px;
	list-style:none;
}
/*-- Facebook等 --*/
#box_d
{
	position: relative;
	z-index: 10;
	top: 15px; /*25px;*/
	left: 852px; /*825px;*/
	width: 110px;
	height: 17px;
/*	
	border: 3px solid black;
*/
}

/*-- 検索窓 --*/
#box_e
{
	position: relative;
	z-index: 10;
	top: 60px; /*70px;*/
	left: 527px; /*470px;*/
	width: 312px; /*390px;*/
	height: 40px;
/*
	border: 3px solid black;
*/
}

/*----- 検索窓  --------------*/
#searchform {
	position: relative;
}
#keywords2 {
	width: 310px; /*388px; /*282px;*/
	height: 32px; /*40px; /*16px;*/
	background: #fff; /*#999;*/
	border: none;
	padding: 3px; /*4px;*/
	/*color: #999; /*#fff;*/
/*
	font-size: 110%;
*/
	font-family: 'serif', 'sans-serif', 'Arial';
	/*	font-weight: bold;*/
	
}
#searchbtn {
	position: absolute;
	top: 0px;
	_top: 1px;
	left: 307px; /*347px; /*340px; /*348px; /*198px;*/
}
*:first-child + html #searchbtn {
	top: 1px;
}


/*--- advanced search --*/
#box_e2
{
	position: relative;
	z-index: 10;
	top: 20px; /*24px;*/
	left: 880px; /*863px;*/
	
	width: 100px;
	height: 40px;


/*	
	border: 3px solid black;
*/
}
a:link.link1{
	display:block;
/*
	width:110px;
	height:40px;
	background-image:url("../images/adsearch.png");
*/
	width:80px;
	height:32px;
	background-image:url("../images/adsearch_s.png");

	text-indent:-10000px;
	list-style:none;
}
a:hover.link1{
	display:block;
/*
	width:110px;
	height:40px;
	background-image:url("../images/adsearch2.png");
*/

	width:80px;
	height:32px;
	background-image:url("../images/adsearch2_s.png");
	text-indent:-10000px;
	list-style:none;
}

/*-- Virtual Issue --*/
#box_f
{
	position: relative;
	z-index: 10;
	top: -10px; /*100px; /*105px;*/
	left: 3px;
	width: 100px;
	height: 30px;
/*	
	border: 3px solid black;
*/
/*
	font-size: 1.125em;
*/
	font-size: 15px;
	
}

/*-- Early View --*/
#box_g
{
	position: relative;
	z-index: 10;
	top: -40px; /*70px; /*68px;*/
	left: 150px; /*430px;*/
	width: 100px;
	height: 30px;
/*	
	border: 3px solid black;
*/
/*
	font-size: 1.125em;
*/
	font-size:15px;
	
}

/*-- Journal List --*/
#box_h
{
	position: relative;
	z-index: 10;
	top: -70px;
	left: 280px; /*580px;*/
	width: 100px;
	height: 30px;
/*	
	border: 3px solid black;
*/
/*
	font-size: 1.125em;
*/
	font-size: 15px;
	
}

/*--- HEADER LOGO --*/
#box_i
{
	position: relative;
	z-index: 10;
	top:-220px;
	left:0;
	width: 307px;
	height: 42px;

}



/*-------- FOOTER ----------------*/
#footer-fixed
{

/*FOOTER NOT FIXED FLOAT CLEAR*/
/*
	position: fixed; /*fixed;			/*フッターの固定*/
/*	
	bottom: 0px;				/*位置(下0px)*/
clear: both;


	left: 0px;					/*位置（左0px)*/
	width: 100%;				/*横幅100%*/
	heigth:45px; /*140px;				/*縦幅140px*/



}
#footer-bk
{


    background-color:#63aa9c; /*#729B97;     /* 背景色(ペパーミントグリーン) */
	/*padding: 10px 0 20px;		/*上10px,下20pxをあける*/

	height: 45px; /*110px;				/*縦の高さ140px*/
	width: 100%;				/*横の幅を100%*/


}

#four_footer
{
/*	border: 5px solid #fff;		/*表示領域を白枠で囲う*/
/*	height: 100%;			フッター下余白を消す */
	width: 960px;				/*横の幅970px*/
	margin: 0 auto;				/*中央揃え*/
	text-align: center;

	padding: 10px;

	color: fff;
	
	font-family: 'serif', 'sans-serif', 'Arial';
	font-weight: bold;
	font-size: 80%;

}

/*-------- CONTENTS ALL ----------------*/

#conts{

/*20140523
padding:175px 0 0; /*105px; /* 55px 0 105px;*/

/*
height: 100%;
*/


}
* html #conts{

padding:0;

}

#contents
{
	margin: 0 auto;
	width:960px;


}


/*--------- breadcrumb & ANNEX ------------*/
#breadcrumb_annex
{

	margin-left: -40px;
	height: 45px;

	border: 1px solid #fff;	/*DUMMY*/

}
/*--------- breadcrumb navigation ---------*/
#breadcrumb
{
	height: 45px;
}

ul#topicPath {  

	
    list-style-type: none;
/*    
    margin: 0;
    padding: 0;  
*/
	color: #606B71;
	font-size: 80%; /*85%;*/
	font-family: 'serif', 'sans-serif', 'Arial';
/*
	padding: 10px 0 10px;
*/

}
ul#topicPath li {  
    display: inline;  
}  
ul#topicPath li ul {  
    display: inline; 
    
    margin: 0;  
    padding: 0;  
}  
ul#topicPath em {  
    font-style: normal;
    font-weight: bold;
}  
ul#topicPath a {
	color: #606B71;
    text-decoration: underline; /*none;*/  
}  
/*--------- ANNEX MESSAGE ----------------*/
#annex
{
	float: right;
	text-align:right;

}


/*---------- CONTENS SIDE LEFT ----------------*/
#side_left
{
	float:left;
	width:200px;
margin-left:7px;

/*
	height:693px;
*/	
/*
	border:1px solid black;
*/


	margin-right:13px; /*20px;*/
	
}
/*レフト画像上の番号 */
#side_left_num
{
	position: relative; /*absolute;*/

	top: -35px;
	left: 65px;

	width: 75px;

	text-align: center;
	/*
	border: 3px solid black;
	*/
}

/*----------- CONTENTS SIDE RIGHT ----------------*/
#side_right
{
	float:left;
	width:710px;


/*
height:482px;
*/
/*
border:1px solid red;
*/

	margin-left:30px;


}

/*--------- CATEGORY IMAGE --------*/
#side_right_t
{
	width:710px;
	height:121px;
	/*
	border:1px solid red;
	*/
}
/*--------- NAVI -------------*/
#side_right_n
{
margin-top: 20px;
	width:710px;
	height:25px;
	/*
	border:1px solid yellow;
	*/


}

div#box_navi
{
/*
	position: relative;
*/
	float: left;

	
	width: 140px;
	height: 25px;
	border: 1px solid #fff;
	
	background-color: #606B71;
	background-repeat: none;
	
text-align: center;

	padding-top: 5px; /*2px;*/
	
	color: #fff;
	/*
	font-size: 110%;
	*/
	font-size: 90%;
	font-family: 'serif', 'sans-serif', 'Arial';
	
	
}
div#box_navi_sel
{
/*
	position: relative;
*/

	float: left;

	
	width: 140px;
	height: 25px;
	border: 1px solid #fff;
	
	background-color:  #63aa9c; /*ペパーミントグリーン*/ /*gray;*/
	background-repeat: none;
	

text-align: center;

	padding-top: 5px; /*2px;*/
/*
	font-size: 110%;
*/
	font-size: 90%;
	font-family: 'serif', 'sans-serif', 'Arial';

	
}

#box_navi a {
	color: #FFF;
  	font-family: 'serif', 'sans-serif', 'Arial';
	font-weight: bold;
}
#box_navi_sel a {
	color: #FFF;
  	font-family: 'serif', 'sans-serif', 'Arial';
	font-weight: bold;

}


div#box_navi2
{
/*
	position: relative;
*/
	float: left;

	
	width: 110px;
	height: 25px;
	border: 1px solid #fff;
	
	background-color: #606B71;
	background-repeat: none;
	
text-align: center;

	padding-top: 5px; /*2px;*/
	
	color: #fff;
	/*
	font-size: 110%;
	*/
	font-size: 90%;
	font-family: 'serif', 'sans-serif', 'Arial';
	
	
}

div#box_navi2_sel
{
/*
	position: relative;
*/

	float: left;

	
	width: 110px;
	height: 25px;
	border: 1px solid #fff;
	
	background-color:  #63aa9c; /*ペパーミントグリーン*/ /*gray;*/
	background-repeat: none;
	

text-align: center;

	padding-top: 5px; /*2px;*/
/*
	font-size: 110%;
*/
	font-size: 90%;
	font-family: 'serif', 'sans-serif', 'Arial';

	
}

#box_navi2 a {
	color: #FFF;
  	font-family: 'serif', 'sans-serif', 'Arial';
	font-weight: bold;
}
#box_navi2_sel a {
	color: #FFF;
  	font-family: 'serif', 'sans-serif', 'Arial';
	font-weight: bold;

}



/*-------- ITEM IMAGE -----------*/
#side_right_t2
{
margin-top: 20px;

	width:710px;
	height:121px;
/*
border:1px solid brown;
*/

}

/*-------- EXPLAIN DATA ---------*/
#side_right_exp
{

width:710px;
/*
height:200px;
*/
/*
background:#ccc;
*/

}

div#box_detail
{
/*
	margin-left: 50px;
*/
	margin-top: 25px;
/*
	border: 5px solid brown;
*/
}
.color1
{
	color: #618A86;
	font-family: 'serif', 'sans-serif', 'Arial';
	font-weight: bold;
	font-size: 15px;
	
	
}
.color2
{
	color: #4E575E;
	font-family: 'serif', 'sans-serif', 'Arial';
/*	font-weight: bold;*/
	font-size: 12px;

}


div#box_detail_pg
{
/*
	margin-left: 50px;
*/
	margin-top: 25px;

	
	
	/*2014.05.21 線を消す←これは関係なし
	border-top:1px dashed #000;
	border-bottom: 1px dashed #000;
	*/
	
	text-align: center;
	font-size: 120%;
	/*2014.05.21 線を消す
	border: 1px dashed #000;
	*/
	

/*
	border: 5px solid brown;
*/
}


#box_detail_fix
{
	margin-bottom: 50px;
}

.nonborder {
  border:none;
  outline:none;
}

