/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

http://www.gressive.jp/ CSS Style
Last updated 1 October 2009  

Bestnavi.jp company @Production part design section 2009
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

*/
 
/* inported styles */
@import "reset.css" ;
@import "base.css" ;
@import "print.css" print;
@import "header.css" ;
@import "footer.css" ;
@import "sidenavi.css" ;
@import "sideenquete.css" ;

@charset "shift_jis";

*{
	margin: 0;
	padding: 0;
	_zoom:1;
}

body {
	height: 100%;
	width:100%;
	text-align:center;
	background-image:url(/img/background.jpg);
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
 }
 
html, body {
	height: 99.99%;
} 


ul,ol {
	list-style-type: none;
   list-style:none;   
 } 
	
 
img {    
    border:0;   
 } 

a:link{
	color:#0D5386;
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	}
	
a:visited{
	color:#666666;
	text-decoration:none;
	}
	
	
/* ===============    link reset     ================== */


#wrapper {
	width:100%;
	min-height:100%;
    /*height:auto !important;
    height:100%;*/
	margin:0px;
	padding:0px;
	font-size:12px;
	background:url(../img/_background.gif) repeat-y center;
	color:#333333;
	line-height:160%;
}

/*
body:first-of-type #wrapper {
	margin:-5px 0px;
	}
*/

	
#wrapper a:link {
	color:none;
	font-weight:none;
	text-decoration: none;
}


#wrapper a:visited {
	color:none;
	font-weight:none;
	text-decoration: none;
}

	
#wrapper a:hover {
	font-weight:none;
	text-decoration:none;
	color:#666666;
}


#wrapper a:active {
	font-weight:none;
	text-decoration: none;
}

#contents_inner a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	_background:#02050a;
}

/* ===============    stamp     ================== */

.timestamp{
	width:auto;
	height:auto;
	background-image:url(/common/img/new.jpg) ;
	background-repeat:no-repeat;
	background-position:right;
	margin:2px 0 0 0;
	padding:0 24px 0 0;
	font-size:10px;
	line-height:115%;
	color:#363636;
	text-align:right;
	}

.nostamp{
	width:auto;
	height:auto;
	margin:2px 0 0 0;
	padding:0;
	font-size:10px;
	line-height:115%;
	color:#363636;
	text-align:right;
	}

/* ===============     sub_title      ================== */

h1.topread{
	margin:0 auto;
	padding:0;
	margin-top:0px;
	margin-bottom:0px;
	width:1070px;
	height:10px;
	font-size:9px;
	color:#666;
	text-align:right;
	font-style:normal;
	font-weight:normal;
	clear:both;
	}
	
h1.title{
	width:790px;
	height:34px;
	background:url(/common/img/title_back.jpg) no-repeat top left;
	margin:14px 0;
	padding:4px 0px 0px 0px;
	color:#666666;
	font-size:12px;
	font-style:normal;
	text-indent:14px;
	font-weight:normal;
	clear:both;
	}
	
h1.title em{
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}
	
h1.title strong{
	font-size:11px;	font-weight:normal;}

h1.title a{
	color:#333333;}

h2.title{
	width:790px;
	height:34px;
	background:url(/common/img/title_back.jpg) no-repeat top left;
	margin:14px 0;
	padding:4px 0px 0px 0px;
	color:#666666;
	font-size:12px;
	font-style:normal;
	text-indent:14px;
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
	}
	
h2.title em{
	font-size:14px;
	font-weight:bold;}
	
h2.title strong{
	font-size:11px;
	font-weight:normal;}

h2.title a{
	color:#333333;
	}
	
h3.title{
	width:790px;
	height:34px;
	background:url(/common/img/title_back.jpg) no-repeat top left;
	margin:14px 0;
	padding:4px 0px 0px 0px;
	color:#666666;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	text-indent:14px;
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
	}
	
h3.title em{
	font-size:14px;
	font-weight:bold;	font-weight:normal;}
	
h3.title strong{
	font-size:11px;}


h3.title a{
	color:#333333;
	}
/* ===============    control     ================== */

#control {
	width:790px;
	height:auto;
	margin:10px 0px;
	padding:0;
	overflow:hidden;
	}

#control:after {
	content: '';
	display: block;
	clear: both;
}

#control a{
	color:#333;
	text-decoration:none;
	}

#control ul.pager {  
    margin: 0;  
    padding: 0;  
    font: 100%;  
    text-align: center;  
}  
#control ul.pager li {  
    list-style: none;  
    display: inline;  
    margin: 0;  
    padding: 0;
}  

#control ul.pager li strong {  
    display: -moz-inline-box; /* firefox2 対応 */  
    display: inline-block;  
    padding: 0.25em 0.4em;  
    background-color: #EEEEEE;  
    border: 1px #CCCCCC solid;  
}  
#control ul.pager li a {  
    display: -moz-inline-box; /* firefox2 対応 */  
    display: inline-block;  
    padding: 0.25em 0.4em;  
    border: 1px #CCCCCC solid;
	color:#333333;
	text-decoration:none;
}  
  
#control ul.pager li a:link{   
    border-color: #CCCCCC;  
    color: #0033FF;  
}  

#control ul.pager li a:visited {  
    border-color: #C9C9C9;  
    color:#666666;
}  
#control ul.pager li a:hover,  
#control ul.pager li a:active {  
    border-color: #333333;  
    background-color: #363636;  
    color: #999999;  
}  



/* ===============    control590     ================== */

#control_590 {
	width:590px;
	height:24px;
	margin:8px auto;
	padding:0;
	clear:both;
	}

#control_590 a{
	color:#333;
	text-decoration:none;
	}

#control_590 ul.pager {  
    margin: 0;  
    padding: 0;  
    font: 100%;  
    text-align: center;
	clear:both;
}  
#control_590 ul.pager li {  
    list-style: none;  
    display: inline;  
    margin: 0;  
    padding: 0;
}  

#control_590 ul.pager li strong {  
    display: -moz-inline-box; /* firefox2 対応 */  
    display: inline-block;  
    padding: 0.25em 0.4em;  
    background-color: #EEEEEE;  
    border: 1px #CCCCCC solid;  
}  
#control_590 ul.pager li a {  
    display: -moz-inline-box; /* firefox2 対応 */  
    display: inline-block;  
    padding: 0.25em 0.4em;  
    border: 1px #CCCCCC solid;
	color:#333333;
	text-decoration:none;
}  
  
#control_590 ul.pager li a:link{   
    border-color: #CCCCCC;  
    color: #0033FF;  
}  

#control_590 ul.pager li a:visited {  
    border-color: #C9C9C9;  
    color:#666666;
}  
#control_590 ul.pager li a:hover,  
#control_590 ul.pager li a:active {  
    border-color: #333333;  
    background-color: #363636;  
    color: #999999;  
}  

/* ===============    legacy     ================== */

#userNav
	{
	width:790px;
	padding:8px 5px 5px 35px;
	}
html>body #userNav
	{
	width:750px;
	}

#siteNav
	{
	width:790px;
	margin:0;
	padding:0px 0 5px 0;
	color:#333333;
	font-size:12px;
	line-height:145%;
	clear:both;
	}
	
#siteNav a{
	color:#333333;
	font-size:12px;
	line-height:145%;
	text-decoration:none;
	}

/* ===============    地震関連     ================== */
.sanrikuoki {
	width:790px;
	height:50px;
	margin:0px 0px 5px 0;
	float:left;
}

/* ===============     clearfix      ================== */

.clearfix:after {
	content: url(http://www.gressive.jp/common/img/spc.gif);
	display: block;
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
/*Hides from IE\mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE\mac */