@charset "utf-8";
/* CSS Document */

/*------------------------------------------ 大枠 */
	
#wrap{
	width:100%;
	margin:0 auto;
}


/*------------------------------------------ 2列組 */

#contents{
	width:100%;
}

#side_menu{
	width:100%;
}

@media screen and (min-width:980px) {

/*------------------------------------------ 大枠 */
	
#wrap{
	width:980px;
	margin:0 auto;
}


/*------------------------------------------ 2列組 */

#contents{
	width:670px;
}

#side_menu{
	width:300px;
}
	}

/*------------------------------------------ 横位置 */

/*------------- ブロック要素 */

.center{
	margin:0 auto;
}

.fright{
	float:right;	
}

.fleft{
	float:left;	
}

.boxright{
	float:none;	
}

.boxleft{
	float:none; 
} 

@media screen and (min-width:980px){
.boxright{
	display: table-cell;
}

.boxleft{
	display: table-cell;	
} 
}

/*------------- インライン要素 */

.tright{
	text-align:right;
}

.tleft{
	text-align:left;	
}

.tcenter{
	text-align:center;	
}
	
	
/*------------------------------------------ 横幅 */

.w980{
	width:980px;
}

.w670{
	width:670px;
}

.w490{
	width:490px;
}

.w460{
	width:460px;
}

.w420{
	width:420px;
}

.w390{
	width:390px;
}

.w365{
	width:365px;
}

.w350{
	width:350px;
}

.w337{
	width:337px;
}

.w330{
	width:330px;
}

.w320{
	width:320px;
}

.w300{
	width:300px;
}

.w280{
	width:280px;
}

.w265{
	width:265px;
}

.w250{
	width:250px;
}

.w242{
	width:242px;
}

.w200{
	width:200px;
}

.w185{
	width:185px;
}

.w150{
	width:150px;
}

.w140{
	width:140px;
}

.w100{
	width:100px;
}

.w90{
	width:90px;
}

.w30{
	width:30px;
}

.w28{
	width:28px;
}

.w100p{
	width:100%;
}

.w50p{
	width:50%;
}


/*------------------------------------------  高さ */

.h01{
	height:1px;
}

.h02{
	height:2px;
}

.h03{
	height:3px;
}

.h04{
	height:4px;
}

.h05{
	height:5px;
}

.h10{
	height:10px;
}

.h15{
	height:15px;
}

.h113{
	height:113px;
}

.h150{
	height:150px;
}

.h225{
	height:225px;
}

.h260{
	height:260px;
}

.h335{
	height:335px;
}

.h430{
	height:430px;
}

.h100p{
	height:100%;
}


/*------------------------------------------ 縦横最大最小値 */

.min_h400{
	min-height:400px;
	_height:400px;
}



/*------------------------------------------ マージン */

.mt1{
	margin-top:1px;	
}

.mt2{
	margin-top:2px;	
}

.mt3{
	margin-top:3px;	
}

.mt4{
	margin-top:4px;	
}

.mt5{
	margin-top:5px;	
}

.mt6{
	margin-top:6px;	
}

.mt7{
	margin-top:7px;	
}

.mt8{
	margin-top:8px;	
}

.mt9{
	margin-top:9px;	
}

.mt10{
	margin-top:10px;	
}

.mt12{
	margin-top:12px;	
}

.mt15{
	margin-top:15px;	
}

.mt20{
	margin-top:20px;	
}

.mt25{
	margin-top:25px;	
}

.mt30{
	margin-top:30px;	
}

.mt35{
	margin-top:35px;	
}

.mt40{
	margin-top:40px;	
}

.mt45{
	margin-top:45px;	
}

.mt50{
	margin-top:50px;	
}

.mt60{
	margin-top:60px;	
}

.mt70{
	margin-top:70px;	
}

.mt80{
	margin-top:80px;	
}

.mt90{
	margin-top:90px;	
}

.mt100{
	margin-top:100px;	
}

.mb1{
	margin-bottom:1px;	
}

.mb2{
	margin-bottom:2px;	
}

.mb3{
	margin-bottom:3px;	
}

.mb4{
	margin-bottom:4px;	
}

.mb5{
	margin-bottom:5px;	
}

.mb6{
	margin-bottom:6px;	
}

.mb7{
	margin-bottom:7px;	
}

.mb8{
	margin-bottom:8px;	
}

.mb9{
	margin-bottom:9px;	
}

.mb10{
	margin-bottom:10px;	
}

.mb15{
	margin-bottom:15px;	
}

.mb20{
	margin-bottom:20px;	
}

.mb25{
	margin-bottom:25px;	
}

.mb30{
	margin-bottom:30px;	
}

.mb35{
	margin-bottom:35px;	
}

.mb40{
	margin-bottom:40px;	
}

.mb45{
	margin-bottom:45px;	
}

.mb50{
	margin-bottom:50px;	
}

.mb60{
	margin-bottom:60px;	
}

.mb70{
	margin-bottom:70px;	
}

.mb80{
	margin-bottom:80px;	
}

.mb90{
	margin-bottom:90px;	
}

.mb100{
	margin-bottom:100px;	
}

.mr1{
	margin-right:1px;	
}

.mr2{
	margin-right:2px;	
}

.mr3{
	margin-right:3px;	
}

.mr4{
	margin-right:4px;	
}

.mr5{
	margin-right:5px;	
}

.mr6{
	margin-right:6px;	
}

.mr7{
	margin-right:7px;	
}

.mr8{
	margin-right:8px;	
}

.mr9{
	margin-right:9px;	
}

.mr10{
	margin-right:10px;	
}

.mr15{
	margin-right:15px;	
}

.mr20{
	margin-right:20px;	
}

.mr25{
	margin-right:25px;	
}

.mr30{
	margin-right:30px;	
}

.mr35{
	margin-right:35px;	
}

.mr40{
	margin-right:40px;	
}

.mr45{
	margin-right:45px;	
}

.mr50{
	margin-right:50px;	
}

.ml1{
	margin-left:1px;	
}

.ml2{
	margin-left:2px;	
}

.ml3{
	margin-left:3px;	
}

.ml4{
	margin-left:4px;	
}

.ml5{
	margin-left:5px;	
}

.ml6{
	margin-left:6px;	
}

.ml7{
	margin-left:7px;	
}

.ml8{
	margin-left:8px;	
}

.ml9{
	margin-left:9px;	
}

.ml10{
	margin-left:10px;	
}

.ml15{
	margin-left:15px;	
}

.ml20{
	margin-left:20px;	
}

.ml25{
	margin-left:25px;	
}

.ml30{
	margin-left:30px;	
}

.ml35{
	margin-left:35px;	
}

.ml40{
	margin-left:40px;	
}

.ml45{
	margin-left:45px;	
}

.ml50{
	margin-left:50px;	
}

.ma1{
	margin:1px;	
}

.ma2{
	margin:2px;	
}

.ma3{
	margin:3px;
}

.ma5{
	margin:5px;	
}

.ma6{
	margin:6px;	
}

.ma7{
	margin:7px;	
}

.ma8{
	margin:8px;	
}

.ma9{
	margin:9px;	
}

.ma10{
	margin:10px;	
}

.ma15{
	margin:15px;
}

.ma20{
	margin:20px;	
}

.ma25{
	margin:25px;	
}

.ma30{
	margin:30px;	
}

.ma35{
	margin:35px;	
}

.ma40{
	margin:40px;	
}

.ma45{
	margin:45px;	
}

.ma50{
	margin:50px;	
}

/*------------------------------------------ パディング */

.pb1{
	padding-bottom:1px;	
}

.pb2{
	padding-bottom:2px;	
}

.pb3{
	padding-bottom:3px;	
}

.pb4{
	padding-bottom:4px;	
}

.pb5{
	padding-bottom:5px;	
}

.pb6{
	padding-bottom:6px;	
}

.pb7{
	padding-bottom:7px;	
}

.pb8{
	padding-bottom:8px;	
}

.pb9{
	padding-bottom:9px;	
}

.pb10{
	padding-bottom:10px;	
}

.pb15{
	padding-bottom:15px;	
}

.pb20{
	padding-bottom:20px;	
}

.pb25{
	padding-bottom:25px;	
}

.pb30{
	padding-bottom:30px;	
}

.pb40{
	padding-bottom:40px;	
}

.pb50{
	padding-bottom:50px;	
}

.pt1{
	padding-top:1px;	
}

.pt2{
	padding-top:2px;	
}

.pt3{
	padding-top:3px;	
}

.pt4{
	padding-top:4px;	
}

.pt5{
	padding-top:5px;	
}

.pt6{
	padding-top:6px;	
}

.pt7{
	padding-top:7px;	
}

.pt8{
	padding-top:8px;	
}

.pt9{
	padding-top:9px;	
}

.pt10{
	padding-top:10px;	
}

.pt15{
	padding-top:15px;	
}

.pt20{
	padding-top:20px;	
}

.pt25{
	padding-top:25px;	
}

.pt30{
	padding-top:30px;	
}

.pt40{
	padding-top:40px;	
}

.pt50{
	padding-top:50px;	
}

.pr1{
	padding-right:1px;	
}

.pr2{
	padding-right:2px;	
}

.pr3{
	padding-right:3px;	
}

.pr4{
	padding-right:4px;	
}

.pr5{
	padding-right:5px;	
}

.pr6{
	padding-right:6px;	
}

.pr7{
	padding-right:7px;	
}

.pr8{
	padding-right:8px;	
}

.pr9{
	padding-right:9px;	
}

.pr10{
	padding-right:10px;	
}

.pr15{
	padding-right:15px;	
}

.pr20{
	padding-right:20px;	
}

.pr25{
	padding-right:25px;	
}

.pr30{
	padding-right:30px;	
}

.pr40{
	padding-right:40px;	
}

.pr50{
	padding-right:50px;	
}

.pl1{
	padding-left:1px;	
}

.pl2{
	padding-left:2px;	
}

.pl3{
	padding-left:3px;	
}

.pl4{
	padding-left:4x;	
}

.pl5{
	padding-left:5px;	
}

.pl6{
	padding-left:6px;	
}

.pl7{
	padding-left:7px;	
}

.pl8{
	padding-left:8px;	
}

.pl9{
	padding-left:9px;	
}

.pl10{
	padding-left:10px;	
}

.pl15{
	padding-left:15px;	
}

.pl20{
	padding-left:20px;	
}

.pl25{
	padding-left:25px;	
}

.pl30{
	padding-left:30px;	
}

.pl40{
	padding-left:40px;	
}

.pl50{
	padding-left:50px;	
}

.pa1{
	padding:1px;	
}

.pa2{
	padding:2px;	
}

.pa3{
	padding:3px;	
}

.pa4{
	padding:4px;	
}

.pa5{
	padding:5px;	
}

.pa6{
	padding:6px;	
}

.pa7{
	padding:7px;	
}

.pa8{
	padding:8px;	
}

.pa9{
	padding:9px;	
}

.pa10{
	padding:10px;	
}

.pa15{
	padding:15px;	
}

.pa20{
	padding:20px;	
}

.pa25{
	padding:25px;	
}

.pa30{
	padding:30px;	
}

.pa40{
	padding:40px;	
}

.pa50{
	padding:50px;	
}


/*------------------------------------------ 縦位置調整 */

.vert{
	vertical-align:middle;
}

.vert_p1{
	vertical-align:1px;
}

.vert_p2{
	vertical-align:2px;
}

.vert_p3{
	vertical-align:3px;
}

.vert_p4{
	vertical-align:4px;
}

.vert_p5{
	vertical-align:5px;
}

.vert_m1{
	vertical-align:-1px;
}

.vert_m2{
	vertical-align:-2px;
}

.vert_m3{
	vertical-align:-3px;
}

.vert_m4{
	vertical-align:-4px;
}

.vert_m5{
	vertical-align:-5px;
}

