@charset "utf-8";

/* ■■ clip_common.css ■■
-----------------------------------------------------------------------------
■更新日：2010年12月29日
-----------------------------------------------------------------------------
■目次
  01. Reset
  02. 共通設定
  03. 共通で使うclass
-----------------------------------------------------------------------------
■備考
-----------------------------------------------------------------------------
*/

/* ----------------------------------------
 * 01. Reset
 * ---------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{ 
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Arial,sans-serif;
	word-break: break-all;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/*  ---- Fontsize Base ----  */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.22;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}

/*  ---- Fontsize Pattern ----  */
/*
10px 	77%
11px 	85%
12px 	93% (was 93)
13px 	100%
14px 	108% (was 107)
15px 	116% (was 114)
16px 	123.1% (was 122)
*/
/*  ----------  */

/* ----------------------------------------
 * 02. 共通設定
 * ---------------------------------------- */

/* リンク色 */
a:link{
	font-size:100%;
	color:#0066cc;
	text-decoration:underline;
}
a:visited{
	font-size:100%;
	color:#51a0a5;
	text-decoration:underline;
}

/* === yj950 wrapperの定義を上書き（左右padding15px→10px） === */

.yj950-1 #wrapper,.yj950-1-3 #wrapper,.yj950-2 #wrapper,.yj950-3 #wrapper { 
	width: 950px;
	margin:0 auto;
	padding:0 10px;
}
.yj950-1 #contents,.yj950-1-3 #contents,.yj950-2 #contents,.yj950-3 #contents {
	text-align: left;
}
/* === /yj950 wrapperの定義を上書き（左右padding15px→10px） === */

/* 大枠の幅 */
#wrapper{
	text-align:left;
	line-height:1.4em;
}

/* === yj950-1 common === */
.yj950-1 div#main-area{
	width:950px;
	margin:0 auto 10px auto;
}

/* === yj950-2 common  === */
.yj950-2 div#main-area{
	width:630px;
	float:right;
	padding-right:5px;
}
.yj950-2 div#sub-area{
	width:300px;
	float:left;
	padding-left:5px;
}

/* clearfix */
.clearfix{
    zoom:1;
}
.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/* IE対策 画像下の隙間埋 */
#main-area img{
	vertical-align:text-bottom;
}
#sub-area img{
	vertical-align:text-bottom;
}

/* masthead */
#masthead{
	margin-top:0px;
}

/* emg-patch */
div.emg,div.emg2{
	text-align: center;
	clear:both;
	}

div.emg table{
	margin: 0 auto 0px auto;
	text-align: center;
	}
div.emg2 table{
	margin: 0 auto 20px auto;
	text-align: left;
	}
div.emg table table,div.emg2 table table{
	margin: 0;
	}

/* ie/mac \*//*/
div.emg{
	margin-left: 235px;
	}
/**/

/* End  emg-patch */

/* s position */
#pos-s{
	padding: 10px 0;
	border-top: 1px solid #ccc;
	text-align: center;
}

/* パンくずリスト */
#sample-breadcrumbs{
	margin-bottom:10px;
	padding:0 0 0 10px;
}

/* footer */
#contents-footer {
  margin:15px 0px 15px 0px;
  text-align:center;
}

/* ----------------------------------------
 * 03. 共通で使うclass
 * ---------------------------------------- */
.a_left{
	float:left;
}
.a_right{
	float:right;
}
.img-left{
	margin:0px 8px 0px 0px;
	float:left;
}
.img-right{
	margin:0px 0px 0px 8px;
	float:right;
}
.a-center{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:0 0 0 0
}
.a_center{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:0 0 0 0
}
/* width */
.w_max95{width:95%;word-wrap: break-word;}
.w_max{width:92%;word-wrap: break-word;}
.w55{width:55px;}
.w70{width:70px;}
.w135{width:135px;}
.w150{width:150px;}
.w200{width:200px;}
.w550{width:550px;}

/* height */
.mh20{min-height:20px;_height:20px;}

/* margin/padding */
.mrg_b3{margin-bottom:3px;}
.mrg_b5{margin-bottom:5px;}
.mrg_b10{margin-bottom:10px;}
.mrg_b15{margin-bottom:15px;}
.mrg_b20{margin-bottom:20px;}
.mrg_b25{margin-bottom:25px;}
.mrg_b30{margin-bottom:30px;}
.mrg_b35{margin-bottom:35px;}
.mrg_b40{margin-bottom:40px;}
.mrg_b45{margin-bottom:45px;}
.mrg_b50{margin-bottom:50px;}
.mrg_b55{margin-bottom:55px;}
.mrg_b60{margin-bottom:60px;}
.mrg_b80{margin-bottom:80px;}
.mrg_b100{margin-bottom:100px;}

.mrg_l5{margin-left:5px;}
.mrg_l10{margin-left:10px;}
.mrg_l15{margin-left:15px;}
.mrg_l20{margin-left:20px;}
.mrg_l25{margin-left:25px;}
.mrg_l30{margin-left:30px;}
.mrg_l35{margin-left:35px;}
.mrg_l40{margin-left:40px;}
.mrg_l45{margin-left:45px;}
.mrg_l50{margin-left:50px;}
.mrg_l55{margin-left:55px;}
.mrg_l60{margin-left:60px;}

.mrg_r3{margin-right:3px;}
.mrg_r5{margin-right:5px;}
.mrg_r7{margin-right:7px;}
.mrg_r10{margin-right:10px;}
.mrg_r15{margin-right:15px;}
.mrg_r20{margin-right:20px;}
.mrg_r25{margin-right:25px;}
.mrg_r30{margin-right:30px;}
.mrg_r35{margin-right:35px;}
.mrg_r40{margin-right:40px;}
.mrg_r45{margin-right:45px;}
.mrg_r50{margin-right:50px;}
.mrg_r55{margin-right:55px;}
.mrg_r60{margin-right:60px;}

.mrg_t5{margin-top:5px;}
.mrg_t10{margin-top:10px;}
.mrg_t15{margin-top:15px;}
.mrg_t20{margin-top:20px;}
.mrg_t22{margin-top:22px;}
.mrg_t25{margin-top:25px;}
.mrg_t30{margin-top:30px;}
.mrg_t35{margin-top:35px;}
.mrg_t40{margin-top:40px;}
.mrg_t45{margin-top:45px;}
.mrg_t50{margin-top:50px;}
.mrg_t55{margin-top:55px;}
.mrg_t60{margin-top:60px;}

.pdg_t2{padding-top:2px;}
.pdg_t30{padding-top:30px;}

.pdg_b5{padding-bottom:5px;}

.pdg_l5{padding-left:5px;}

.icon_sp1{margin-right:2px;}
.icon_sp2{margin-left:2px;}
.icon_help{margin-left:3px;}
.checkbox_sp{margin-right:2px;vertical-align:middle;}

div.center,p.center{
	text-align:center;
}

div.inputbt-sp{
	width:100%;
	text-align:center;
	margin:0 auto 10px auto;
}

/* テキスト */
.hidden-text{
	text-indent:-9999px;
	overflow:hidden;
	display:none;
}
.grayoff-text{
	color:#666;
}
.err-text{
	color:#ff0000;
}
.att-text{
	color:#ff6600;
}
.right-text{
	text-align:right;
}
.left-text{
	text-align:left;
}
.center-text{
	text-align:center;
}
.text_mid{
	vertical-align:middle;
}

.font_normal{font-weight:normal;}

.color_green{color:#a2c608;}
.color_black{color:#000;}
.color_4e5c6f{color:#4e5c6f;}
.color_6fda0b{color:#6fda0b;}
.color_666{color:#666666;}

strong{font-weight: bold;}

.nowrap{white-space:nowrap;}