@charset "utf-8";
/* ===================================================================
	CSS information
	file name  :  shared.css
=================================================================== */
/*--- common style */
#chiebukuro_wrapper a{
	color: #444 ;
	text-decoration: none;
}
#chiebukuro_wrapper a:hover{
	color: #999;
	text-decoration: underline;
}
.topic-path{
	margin: 20px 16px ;
	overflow: hidden;
}
/*ClearFix-*/
.topic-path:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility: hidden;
}
.topic-path {
	display:inline-block;
}
/* Hides from IE-mac \*/
	* html .topic-path {height: 1%;}
	.topic-path {display: block;}
/* End hide from IE-mac */
.topic-path li{
	float: left;
	margin:0 5px 0 0;
}
.topic-path li a{
	background: url("../images/ico_topicpath.gif") right center no-repeat;
	padding:0 10px 0 0;
}


/*--- common style */
#chiebukuro_wrapper{
	text-align: center;
	font:12px/1.4 "MS UI Gothic","ＭＳ Ｐゴシック","メイリオ","Meiryo",Osaka,verdana,arial,clean,sans-serif;color: #444;
}
#chiebukuro_header{
	width: 958px;
	margin: 0 auto 20px;
	text-align: left;
	border: 1px solid #ccc;
	border-top: 3px solid #006bb3;
	background: url("../images/bg_chiebukuro-header.gif") left top repeat-x;
}
#chiebukuro_header .hnav{
	overflow: hidden;
	padding: 0 0 12px 0;
	background: url("../images/line_dot-x01.gif") left bottom repeat-x;
}
#chiebukuro_header .hnav:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility: hidden;
}
#chiebukuro_header .hnav {
	display:inline-block;
}
/* Hides from IE-mac \*/
	* html #chiebukuro_header .hnav {height: 1%;}
	#chiebukuro_header .hnav {display: block;}
/* End hide from IE-mac */

#chiebukuro_header .hnav p{
	float: left;
}
#chiebukuro_header .hnav ul{
	width: 270px;
	float: right;
}
#chiebukuro_header .hnav ul li{
	float: left;
	margin:0 15px 0 0;
	font-size: 0;
}
#chiebukuro_header .hnav ul li.lastchild{
	margin: 0;
}
#chiebukuro_header h1,
#chiebukuro_header .site-logo{
	padding: 20px 0 0 20px;
	float: left;
}
#gnav{
	float: right;
	overflow: hidden;
	padding: 0 0 0 1px;
	margin: 22px 0 11px 0;
}
#gnav li{
	float: left;
	margin: 0 1px 0 0;
	border-left: 1px solid #e3e3e3;
}
#social-btn{
	overflow: hidden;
	clear: both;
	float: right;
	margin: 0 0 9px 0;
}
#social-btn li{
	float: left;
	font-size: 0;
	width: 107px;
}
.main-visual{
	width: 960px;
	margin: 0 auto 19px;
	text-align: left;
}
#container{
	width: 960px;
	margin: 0 auto 60px;
	text-align: left;
}
/*ClearFix-*/
#container:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility: hidden;
}
#container {
	display:inline-block;
}
/* Hides from IE-mac \*/
	* html #container {height: 1%;}
	#container {display: block;}
/* End hide from IE-mac */

#primary{
	width: 716px;
	float: left;
}
#secondary{
	width: 232px;
	float: right;
}
#chiebukuro_footer{
	clear: both;
	text-align: center;
	margin:0 0 10px 0;
}
#chiebukuro_footer .support{
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	overflow: hidden;
	width: 440px;
}
#chiebukuro_footer .support p{
	float: left;
	padding: 10px 0 0 0;
}
#chiebukuro_footer .support a{
	padding: 0 0 0 10px;
	display: block;
	width: 190px;
	float: left;
}


#chiebukuro_footer .fnav{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding: 18px 0 0 0;
	background: url("../images/line_dot-x02.gif") left 0 repeat-x;
}
#chiebukuro_footer .fnav ul{
	overflow: hidden;
	margin: 0 0 20px 0;
}

#chiebukuro_footer .fnav ul li{
	float: left;
	font-size: 83%;
	margin: 0 15px 0 0;
	padding: 0 0 0 10px;
}
#chiebukuro_footer .fnav ul .top-link{background: url("../images/ico_footer-top.gif") center left no-repeat;}
#chiebukuro_footer .fnav ul .top-link a:hover{color: #006ab2;}
#chiebukuro_footer .fnav ul .pro-link{background: url("../images/ico_footer-pro.gif") center left no-repeat;}
#chiebukuro_footer .fnav ul .pro-link a:hover{color: #003971;}
#chiebukuro_footer .fnav ul .interview-link{background: url("../images/ico_footer-interview.gif") center left no-repeat;}
#chiebukuro_footer .fnav ul .interview-link a:hover{color: #5eb8d4;}

.pagetop{
	width: 960px;
	clear: both;
	margin: 0 auto;
	text-align: right;
}
.pagetop a{
	width: 28px;
	height: 27px;
	display: block;
	border: 1px solid #ccc;
	margin-left: auto;
}

/*--- reset */	
body {font:12px/1.4 "MS UI Gothic","ＭＳ Ｐゴシック","メイリオ","Meiryo",Osaka,verdana,arial,clean,sans-serif;color: #444;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,
form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
html {overflow-y: scroll;}
table{border-collapse:collapse;border-spacing:0;}
caption,th {text-align: left;}
q:before,q:after {
	content: '';
}
img,abbr,acronym,fieldset {
	border: 0;
	vertical-align:bottom;
}
ul,li {list-style-type: none;}
a {outline: none;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
input {*padding-top: 3px;}

/*ClearFix-*/
.clear:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility: hidden;
}
.clear {
	display:inline-block;
}
/* Hides from IE-mac \*/
	* html .clear {height: 1%;}
	.clear {display: block;}
/* End hide from IE-mac */


/* standard size 12px 

	10px	 83%
	11px	 91%
	12px	100%
	13px	108%
	14px	116%
	15px	125%
	16px	133%
	17px	141%
	18px	150%
	19px	158%
	20px	166%
	21px	175%
	22px	183%
	23px	191%
	24px	200%
	25px	208%
	26px	216%

*/