/*===================================■ basic設定 ■===================================*/

body {
	width:1020px;
	margin:0 auto;
	padding:0;
	background: #ffffff;
	color: #373737;
	font-size:12px;
	text-align:center;
	line-height:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
header,menu,article,footer{ margin: 0; padding: 0; border:none; clear:both;}

/* a { text-decoration:none; color:#99cc33; } */
a { text-decoration: none; color: #690; }  /* old color */

img{margin: 0; padding: 0; border: none;}
ul,ol,li{margin: 0; padding: 0; border: none; list-style:none;}
div,dl,dd,dt{margin: 0; padding: 0; border:none;}
hr {display: none;}
p{margin: 0; padding: 0;}

.clear{clear:both;}
.clear_info{clear:both;}
.clearfix{zoom:1;}
.clearfix:after{ display:block;	content:'';	clear:both;}



/*===================================■ margin調整 ■===================================*/

/*----- マージン調整 (幅,高さ) -----*/
.m_auto { margin:0px auto;}
.m_1 { margin:1px;}
.m_5 { margin:5px;}
.m_8 { margin:8px;}
.m_10 { margin:10px;}
.m_15 { margin:15px;}
.m_20 { margin:20px;}
.m_25 { margin:25px;}
.m_30 { margin:30px;}

/*----- マージン調整 (幅) -----*/
.m_w1 { margin:0px 1px;}
.m_w5 { margin:0px 5px;}
.m_w8 { margin:0px 8px;}
.m_w10 { margin:0px 10px;}
.m_w15 { margin:0px 15px;}
.m_w20 { margin:0px 20px;}
.m_w25 { margin:0px 25px;}
.m_w30 { margin:0px 30px;}

/*----- マージン調整 (右幅) -----*/
.m_w1_r { margin:0px 1px 0px 0px;}
.m_w5_r { margin:0px 5px 0px 0px;}
.m_w8_r { margin:0px 8px 0px 0px;}
.m_w10_r { margin:0px 10px 0px 0px;}
.m_w15_r { margin:0px 15px 0px 0px;}
.m_w20_r { margin:0px 20px 0px 0px;}
.m_w25_r { margin:0px 25px 0px 0px;}
.m_w30_r { margin:0px 30px 0px 0px;}

/*----- マージン調整 (左幅) -----*/
.m_w1_l { margin:0px 0px 0px 1px;}
.m_w5_l { margin:0px 0px 0px 5px;}
.m_w8_l { margin:0px 0px 0px 8px;}
.m_w10_l { margin:0px 0px 0px 10px;}
.m_w15_l { margin:0px 0px 0px 15px;}
.m_w20_l { margin:0px 0px 0px 20px;}
.m_w25_l { margin:0px 0px 0px 25px;}
.m_w30_l { margin:0px 0px 0px 30px;}

/*----- マージン調整 (高さ) -----*/
.m_h1 { margin:1px 0px;}
.m_h5 { margin:5px 0px;}
.m_h8 { margin:8px 0px;}
.m_h10 { margin:10px 0px;}
.m_h15 { margin:15px 0px;}
.m_h20 { margin:20px 0px;}
.m_h25 { margin:25px 0px;}
.m_h30 { margin:30px 0px;}

/*----- マージン調整 (高さ　auto) -----*/
.m_h1_auto { margin:1 auto;}
.m_h5_auto { margin:5px auto;}
.m_h8_auto { margin:8px auto;}
.m_h10_auto { margin:10px auto;}
.m_h15_auto { margin:15px auto;}
.m_h20_auto { margin:20px auto;}
.m_h25_auto { margin:25px auto;}
.m_h30_auto { margin:30px auto;}

/*----- マージン調整 (高さ　上) -----*/
.m_h1_t { margin:1px 0px 0px 0px;}
.m_h5_t { margin:5px 0px 0px 0px;}
.m_h8_t { margin:8px 0px 0px 0px;}
.m_h10_t { margin:10px 0px 0px 0px;}
.m_h15_t { margin:15px 0px 0px 0px;}
.m_h20_t { margin:20px 0px 0px 0px;}
.m_h25_t { margin:25px 0px 0px 0px;}
.m_h30_t { margin:30px 0px 0px 0px;}

/*----- マージン調整 (高さ　上 auto) -----*/
.m_h1_t_auto { margin:1px auto 0px auto;}
.m_h5_t_auto { margin:5px auto 0px auto;}
.m_h8_t_auto { margin:8px auto 0px auto;}
.m_h10_t_auto { margin:10px auto 0px auto;}
.m_h15_t_auto { margin:15px auto 0px auto;}
.m_h20_t_auto { margin:20px auto 0px auto;}
.m_h25_t_auto { margin:25px auto 0px auto;}
.m_h30_t_auto { margin:30px auto 0px auto;}

/*----- マージン調整 (高さ　下) -----*/
.m_h1_b { margin:0px 0px 1px 0px;}
.m_h5_b { margin:0px 0px 5px 0px;}
.m_h8_b { margin:0px 0px 8px 0px;}
.m_h10_b { margin:0px 0px 10px 0px;}
.m_h15_b { margin:0px 0px 15px 0px;}
.m_h20_b { margin:0px 0px 20px 0px;}
.m_h25_b { margin:0px 0px 25px 0px;}
.m_h30_b { margin:0px 0px 30px 0px;}

/*----- マージン調整 (高さ　下 auto) -----*/
.m_h1_b_auto { margin:0px auto 1px auto ;}
.m_h5_b_auto { margin:0px auto 5px auto ;}
.m_h8_b_auto { margin:0px auto 8px auto ;}
.m_h10_b_auto { margin:0px auto 10px auto ;}
.m_h15_b_auto { margin:0px auto 15px auto ;}
.m_h20_b_auto { margin:0px auto 20px auto ;}
.m_h25_b_auto { margin:0px auto 25px auto ;}
.m_h30_b_auto { margin:0px auto 30px auto ;}

/*===================================■ padding調整 ■===================================*/

/*----- パディング調整 (幅,高さ) -----*/
.p_0 { padding:0;}
.p_1 { padding:1px;}
.p_5 { padding:5px;}
.p_10 { padding:10px;}
.p_15 { padding:15px;}
.p_20 { padding:20px;}
.p_25 { padding:25px;}
.p_30 { padding:30px;}

/*----- パディング調整 (幅) -----*/
.p_w1 { padding:0px 1px;}
.p_w5 { padding:0px 5px;}
.p_w10 { padding:0px 10px;}
.p_w15 { padding:0px 15px;}
.p_w20 { padding:0px 20px;}
.p_w25 { padding:0px 25px;}
.p_w30 { padding:0px 30px;}

/*----- パディング調整 (右幅) -----*/
.p_w1_r { padding:0px 1px 0px 0px;}
.p_w5_r { padding:0px 5px 0px 0px;}
.p_w10_r { padding:0px 10px 0px 0px !important ;}
.p_w15_r { padding:0px 15px 0px 0px;}
.p_w20_r { padding:0px 20px 0px 0px;}
.p_w25_r { padding:0px 25px 0px 0px;}
.p_w30_r { padding:0px 30px 0px 0px;}

/*----- パディング調整 (左幅) -----*/
.p_w1_l { padding:0px 0px 0px 1px;}
.p_w5_l { padding:0px 0px 0px 5px;}
.p_w10_l { padding:0px 0px 0px 10px;}
.p_w15_l { padding:0px 0px 0px 15px;}
.p_w20_l { padding:0px 0px 0px 20px;}
.p_w25_l { padding:0px 0px 0px 25px;}
.p_w30_l { padding:0px 0px 0px 30px;}

/*----- パディング調整 (高さ) -----*/
.p_h1 { padding:1px 0px;}
.p_h5 { padding:5px 0px;}
.p_h10 { padding:10px 0px;}
.p_h15 { padding:15px 0px;}
.p_h20 { padding:20px 0px;}
.p_h25 { padding:25px 0px;}
.p_h30 { padding:30px 0px;}

/*----- パディング調整 (高さ 上) -----*/
.p_h1_t { padding:1px 0px 0px 0px;}
.p_h5_t { padding:5px 0px 0px 0px;}
.p_h7_t { padding:7px 0px 0px 0px;}
.p_h10_t { padding:10px 0px 0px 0px;}
.p_h15_t { padding:15px 0px 0px 0px;}
.p_h20_t { padding:20px 0px 0px 0px;}
.p_h25_t { padding:25px 0px 0px 0px;}
.p_h30_t { padding:30px 0px 0px 0px;}

/*----- パディング調整 (高さ　下) -----*/
.p_h1_b { padding:0px 0px 1px 0px;}
.p_h5_b { padding:0px 0px 5px 0px;}
.p_h10_b { padding:0px 0px 10px 0px;}
.p_h15_b { padding:0px 0px 15px 0px;}
.p_h20_b { padding:0px 0px 20px 0px;}
.p_h25_b { padding:0px 0px 25px 0px;}
.p_h30_b { padding:0px 0px 30px 0px;}


/*===================================■ font装飾 ■===================================*/

/*----- フォントサイズ調整 (80%～200%までは10%毎、200％以降は50％毎) -----*/

.font_80 { font-size:80%;}
.font_90 { font-size:90%;}
.font_100 { font-size:100%;}
.font_110 { font-size:110%;}
.font_120 { font-size:120%;}
.font_130 { font-size:130%;}
.font_140 { font-size:140%;}
.font_150 { font-size:150%;}
.font_160 { font-size:160%;}
.font_170 { font-size:170%;}
.font_180 { font-size:180%;}
.font_190 { font-size:190%;}
.font_200 { font-size:200%;}
.font_250 { font-size:250%;}
.font_300 { font-size:300%;}


/*----- font option　(文字色変更) -----*/

.clear { color: #323232;}
.white { color: #FFF;}
.yellow { color: #aa9500;}
.orange { color: #fb980a;}
.red { color:#e80938;}
.purple {color:#6600cc;}
.blue { color: #0954ff;}
.green { color:#1c9455;}
.gray { color: #999;}


/*----- font option　(リンク文字色変更) -----*/

.clear_link a{ color: #323232;}
.white_link a{ color: #FFF;}
.yellow_link a{ color: #FF0;}
.orange_link a{ color: #F60;}
.red_link a{ color: #F00;}
.purple_link a{color:#6600cc;}
.blue_link a{ color: #33F;}
.green_link a{ color: #1c9455;}
.gray_link a{ color: #999;}

/*----- font option　(その他) -----*/

.bold{ font-weight:bold;}
.line_h100{ line-height:1;}
.line_h110{ line-height:1.1;}
.line_h120{ line-height:1.2;}
.line_h130{ line-height:1.3;}
.line_h140{ line-height:1.4;}
.line_h150{ line-height:1.5;}
.line_h160{ line-height:1.6;}
.line_h170{ line-height:1.7;}
.line_h180{ line-height:1.8;}
.line_h190{ line-height:1.8;}
.line_h200{ line-height:2;}

/*===================================■ width調整 ■===================================*/

/*----- ボックス調整 -----*/

.box_1 { width:1%;}
.box_2 { width:2%;}
.box_3 { width:3%;}
.box_4 { width:4%;}
.box_5 { width:5%;}
.box_10 { width:10%;}
.box_15 { width:15%;}
.box_20 { width:20%;}
.box_22 { width:22%;}
.box_25 { width:25%;}
.box_26 { width:26%;}
.box_30 { width:30%;}
.box_33 { width:33%;}
.box_35 { width:35%;}
.box_40 { width:40%;}
.box_45 { width:45%;}
.box_48 { width:48%;}
.box_50 { width:50%;}
.box_55 { width:55%;}
.box_60 { width:60%;}
.box_65 { width:65%;}
.box_70 { width:70%;}
.box_75 { width:75%;}
.box_80 { width:80%;}
.box_85 { width:85%;}
.box_90 { width:90%;}
.box_95 { width:95%;}
.box_100 { width:100%;}


/*===================================■ textの左右中 ■===================================*/
.text_right { text-align:right; }
.text_center { text-align:center; }
.text_left { text-align:left;}


/*----- ボックス オプション -----*/

.f_left { float:left;}
.f_right { float:right;}