@charset "utf-8";


/****************************************
 common.css
*****************************************/
/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/

/****************************************
 popup
*****************************************/
.mainarea{
	width:100%;
}

.guide {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	_zoom: 1;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	position: relative;
}
h3.headline {
	font-weight: bold;
	text-align: left;
	font-size: 152%;
	_font-size: 144%;
	padding-bottom: 7px;
	padding-left: 7px;
	/* padding-right: 30px; */
	padding-right: 120px;
	background-image: url(../images/modal/dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.notes {
	font-weight: normal;
	font-size: 70%;
}
.rubi{
	font-weight: normal;
	font-size: 70%;
}
.code{
	font-weight: normal;
	font-size: 50%;
}
.guide_box {
	text-align: left;
	margin-top: 10px;
}
.notes_02 {
	font-size: 85%;
	font-weight: bold;
	line-height: 1.5em;
}
.img_case {
	float: left;
	margin-right: 25px;
	margin-bottom: 5px;
}
.img_case_r {
	float: right;
	margin-left: 25px;
	margin-bottom: 5px;
}
.img_case_w {
	margin-bottom: 5px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.img_case_r img {
	margin-bottom: 10px;
}
.img_case img {
	margin-bottom: 10px;
	margin-top: 5px;
}
.img_case_w img {
	margin-top: 10px;
}
.name {
	text-align: right;
	font-size: 92%;
}
.text_box {
	font-size: 114%;
	line-height: 1.5em;
	padding-left: 7px;
}
.text_box_d {
	font-size: 114%;
	line-height: 1.5em;
	margin-bottom: 10px;
}
.text_box_s {
	font-size: 100%;
	line-height: 1.5em;
}
.text_box a {
	text-decoration:none;
}
.text_box a:hover {
	text-decoration: underline;
}
.pagelinks_r {
	position: absolute;
	right: 30px;
	bottom: 10px;
}
.marginT5 {
	margin-top:5px;
}
.marginT10 {
	margin-top:10px;
}
.marginT20 {
	margin-top:20px;
}
.marginT30 {
	margin-top:30px;
}
.marginT50 {
	margin-top:50px;
}
.marginB10 {
	margin-bottom:10px;
}
.marginB15 {
	margin-bottom:15px;
}
.marginB20 {
	margin-bottom:20px;
}
.marginB25 {
	margin-bottom:25px;
}
.marginB30 {
	margin-bottom:30px;
}
.marginB40 {
	margin-bottom:40px;
}
.marginB60 {
	margin-bottom:60px;
}

.paddingT5 {
	padding-top:5px;
}

.paddingT10 {
	padding-top:10px;
}

.paddingT20 {
	padding-top:20px;
}

.paddingT30 {
	padding-top:30px;
}

.print {
	position: absolute;
	right: 40px;
	top:40px;
}

/* :::::::::::::::::::::::::::::::::::::::::::::
    Font　
::::::::::::::::::::::::::::::::::::::::::::: */

body {
	background:#fff;
	color:#333;
	font-family:/*"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo",*/"Verdana","ＭＳ Ｐゴシック","sans-serif";
	font-size:80%;
	line-height:140%; /* IE6以下固定 */
}


*:first-child+html input,
*:first-child+html textarea
{
	font-family:"ＭＳ Ｐゴシック","sans-serif";
}

/* Clearfix Styles
-----------------------------------------------------------------------------  */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	line-height:0;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* WinIE7 only */
*:first-child+html .clearfix {
  height:1%;
}

* table.layout {	margin: 0;	padding: 0;	border: none;	border-collapse:collapse; border-spacing:0;}
* table.layout td {	margin: 0;	padding: 0;	border: none; vertical-align: top;}

/* :::::::::::::::::::::::::::::::::::::::::::::
	style reset
::::::::::::::::::::::::::::::::::::::::::::: */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{   
	margin:0;  
	padding:0;
	z-index:1; 
	}
a img, img { 
border:0;
}

	
table,
th,
td {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	text-align: left;
	font-weight: normal;
	border-collapse: collapse;
	border-spacing: 0;
}

ol,ul {  
	list-style:none;  
	}  
caption,th {  
	text-align:left;  
	}  
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}