@charset "utf-8";

/*** mynavi CSS Document *************************************

	common.css

----------------------------------------------------------------***/

/* ===== リセット ===== */

*{
_zoom:1;
box-sizing:border-box;
}
img{
	max-width:100%;
}

body,div,th,td,p,ul,ol,dl,dt,dd,img,form,h1,h2,h3,h4,h5,hr{
margin: 0;
padding: 0;
border: none;
font-style: normal;
word-break:break-all;
}

:root *> *{
word-wrap:break-word;
}

input,textarea,select{
margin: 0;
padding: 0;
font-size:inherit;
line-height:inherit;
}

table{
border-collapse:collapse;
border-spacing: 0;
font-size:inherit;
line-height:inherit;
}

th,td{
border-collapse: collapse;
}

ul{
list-style-type: none;
}

em{
font-style:normal;
}

h1,h2,h3,h4,h5,h6{
font-size:inherit;
line-height:inherit;
word-wrap:break-word;
}

/* ===== リンク色 ===== */

a:link { text-decoration:none; color:#0070be; padding-bottom:1px; }
a:visited { text-decoration:none; color:#0070be; }
a:hover { text-decoration:underline; color:#0070be; }
a:active { text-decoration:none; color:#0070be; }


/* ===== clearfix ===== */
.clearFix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearFix{ display:inline-block; }
/*\*/
* html .clearFix { height:1%; }
.clearFix { display:block; }
/**/
.clearFix { overflow:hidden; }


/* ===== フォント設定 ===== */

body {
color:#333333;
line-height:133%;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

/* ===== 全体・レイアウト ===== */
body{
padding:0;
}

div#contetns{
width:100%;
min-height:320px;
margin:0 auto;
}


/*1カラムレイアウトの場合*/
div.columnSingle div.main{
width:100%;
float:none;
margin-top:0.5em;
}
div.main section{
width:960px;
margin:0 auto;
padding:0 0 2em 0;
}
div.main h1{
	text-align:center;
	padding:2em 0;
	font-size:200%;
}
div.main h2{
	padding:1em 0;
	font-size:150%;
}


/* ===== 共通JSビューア ===== */
div.boxComViewer{
width:960px;
overflow:hidden;
margin:15px auto 0 auto;
background: url(../img/bgr_com_viewerlong.gif) repeat-y;
position:relative;
}

div.boxComViewer div.container{
background: url(../img/bgr_com_viewerlong02.gif) left bottom no-repeat;
height:280px;
overflow:hidden;
}

div.boxComViewer div.boxHidden{
width:890px;
height:280px;
overflow:hidden;
margin:0 30px 0 30px;
position:relative;
}

p.saidoCheck{
margin:15px auto 0 auto;
}

div.saidoCheck{
margin:3px auto 0 auto;
}


div.saidoCheck div.container{
height:auto;
}

div.boxComViewer ul.lstCheck{
margin:10px 10px 10px 12px;
}

div.boxComViewer ul.lstCheck li{
margin:5px 0 0 0;
}

div.boxComViewer ul.lstCheck a{
background: url(../img/obj_common_arrow.gif) 0 0.3em no-repeat;
padding:0 0 0 8px;
}


/* ===== ヘッダー ===== */
#header{
padding-bottom:5px;
font-size: 75%;
}

#header div.container{
width: 960px;
margin: 0 auto 0 auto;
}

#header div.container div.fLeft{
width: 620px;
float:left;
position:relative;
}

#header div.container div.fRight{
width: 330px;
padding-top:2.1em;
float:left;
text-align:right;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
color:#666;
}

div.fRight h1{
	font-size:100%;
	font-weight:bold;
	letter-spacing:0.2em;
}

#header p.logo{
float:left;
font-size: 0;
line-height: 1;
margin:2px 0 0 0;
}


/* ===== ヘッダーJS無効 ===== */

div.boxComJsError{
background: #fff2f2;
color: #ff0000;
border: 1px solid #ff9999;
margin: 10px auto 0 auto;
padding: 4px 10px 10px 10px;
width:930px;
}

div.boxComJsError p{
background: url(../img/bgr_com_error.gif) no-repeat 0px 0px;
padding: 0 0 0 21px;
margin: 6px 0 0 0;
}

/*---------------------*/
/*	clearfix 
/*---------------------*/
.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
} 
.clearfix {display: inline-block;} 

/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */


/*=====================*/
/*	フォント
/*=====================*/

#GlobalFooter a {
	color: #666666;
	text-decoration: none;
}

#GlobalFooter a:hover {
	color: #666666;
	text-decoration: underline;
}


/* ===== パンくず ===== */

ol.topicpath {
height:5px;
width: 960px;
font-size: 83.3%;
line-height: 1.1;
padding: 0 0 1.5em 0 !important;
margin:1em auto;
}

ol.topicpath li{
display: inline;
}


ol.topicpath li a{
padding: 0 0 1px 0;
}

#path02{
margin: 3px auto 0 auto;
}
.path_img{
	display:block;
	margin:0 auto;
}



/* ===== ページトップ ===== */
.txtComPagetop{
text-align: right;
margin: 15px 0 0 0;
}

.txtComPagetop a{
background: url(../img/obj_com_pagetop.gif) no-repeat 0px 3px;
padding: 0 0 0 14px;
}


