@charset "shift-jis";
/* ===================================================================
CSS information
 file name  : common.css
 style info : Basic setting (header,footer,menu,space etc.)
=================================================================== */

/* Basic */
a:link,a:visited,a:active {text-decoration: underline;color: #333333;}
a:hover {text-decoration: underline;color: #999999;}

.left {float: left;}
.right {float: right;}
.center {margin: 0px auto;}
.top {vertical-align: top;}
.bottom {vertical-align: bottom;}
.middle {vertical-align: middle;}

.border {border: solid 1px #999999;}
.line_w {background: url(../images/line_w.gif) repeat-x;height: 1px;}
.line_h {background: url(../images/line_h.gif) repeat-y;width: 1px;}


/* header */
#header {margin: 0px auto;width: 950px;height: 94px;}
.header_logout {float: right;width: 682px;height: 88px;background: url(../images/header_logout.jpg) no-repeat;position: relative;}
.header_login {float: right;width: 682px;height: 88px;background: url(../images/header_login.jpg) no-repeat;position: relative;}
.header_btn  {position: absolute;top: 19px;left: 616px;width: 61px;height: 46px;}
.header_btn_welcome  {position: absolute;top: 19px;left: 249px;width: 155px;height: 46px;}
.header_btn_mypage  {position: absolute;top: 19px;left: 504px;width: 106px;height: 46px;}
.header_txt  {position: absolute;top: 42px;left: 28px;width: 200px;height: 36px;font-size: 10px;line-height: 1.3;}
.header_form1  {position: absolute;top: 16px;left: 507px;width: 100px;font-size: 10px;}
.header_form2  {position: absolute;top: 50px;left: 507px;width: 100px;font-size: 10px;}


/* menu */
#menu_bg {width: 100%;height: 35px;background: url(../images/menu_bg.png) center no-repeat;}
#menu {margin: 0px auto;padding:0px 4px 0px 2px;width: 950px;height: 35px;}


/* wrap */
#wrap {margin: 10px auto;width: 956px;position: relative;}


/* footer */
#footer {width: 956px;height: 65px;background: url(../images/footer.jpg) no-repeat;position: relative;}
.pagetop {position: absolute;top: 3px;right: 22px;width: 81px;}

/* main */
#contents {background: url(../images/contents_bg.png) repeat-y;width: 916px;padding: 0px 20px;}

#main {width: 756px;float: left;}
#main_bg {background: url(../images/main_bg.png) repeat-y;width: 716px;padding: 0px 20px;}


/* sidemenu */
#sidemenu {width: 196px;float: right;}
#sidemenu a {display: block;}
#sidemenu span {display: none;}


/* --↓他追記-- */

body.pop {
	background: #ffffff;
	background-position:center 127px;
	color: #333333;
	font-size: 12px;
	line-height: 1.5;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.link_arrow {background: url(../images/arrow.gif) 0px 4px no-repeat;padding-left: 10px;text-decoration: underline;}


/* --↑他追記-- */


/* width */
.w230 {width: 230px;}
.w700 {width: 700px;}

.w300 {width: 300px;}
.w450 {width: 450px;}
.w580 {width: 580px;}
.w600 {width: 600px;}
.w716 {width: 716px;}

.w750 {width: 750px;}

/* font */
.txtred {color: #ff0000;}
.txtgray {color: #999999;}
.txtwhite {color: #ffffff;}
.txtdpink {color: #cc3366;}

.b {font-weight: bold;}

.txtcenter {text-align: center;}
.txtleft {text-align: left;}
.txtright {text-align: right;}

.txt10 {font-size: 10px;}
.txt14 {font-size: 14px;}
.txt16 {font-size: 16px;}
.txt18 {font-size: 18px;}
.txt20 {font-size: 20px;}
.txt22 {font-size: 22px;}
.txt24 {font-size: 24px;}

.note {padding-left: 1em;text-indent: -1em;text-align: left;}


/* space */
td.f {padding: 3px 5px;vertical-align: top;}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mb2 {margin-bottom: 2px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}

.mtb5 {margin-top: 5px;margin-bottom: 5px;}
.mtb10 {margin-top: 10px;margin-bottom: 10px;}
.mtb15 {margin-top: 15px;margin-bottom: 15px;}
.mtb20 {margin-top: 20px;margin-bottom: 20px;}

.mr3 {margin-right: 3px;}
.mr4 {margin-right: 4px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}

.mrl5 {margin-right: 5px;margin-left: 5px;}
.mrl10 {margin-right: 10px;margin-left: 10px;}
.mrl15 {margin-right: 15px;margin-left: 15px;}
.mrl20 {margin-right: 20px;margin-left: 20px;}

.pt3 {padding-top: 3px;}
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt40 {padding-top: 40px;}
.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}

.ptb5 {padding: 5px 0px;}
.ptb10 {padding: 10px 0px;}
.ptb15 {padding: 15px 0px;}
.ptb20 {padding: 20px 0px;}

.pr3 {padding-right: 3px;}
.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}

.prl4 {padding-right: 4px;padding-left: 4px;}
.prl5 {padding-right: 5px;padding-left: 5px;}
.prl10 {padding-right: 10px;padding-left: 10px;}
.prl15 {padding-right: 15px;padding-left: 15px;}
.prl20 {padding-right: 20px;padding-left: 20px;}