@charset 'utf-8';

/* 初期化
------------------------------ */
.epipen #mainArea h2{
	background:none !important;
	margin:0 !important;
	padding:0 !important;
}

.epipen #mainArea ul{
	list-style:none !important;
	background:none !important;
	margin:0 !important;
	padding:0 !important;
}

.epipen #mainArea li{
	list-style:none !important;
	background:none !important;
	margin:0 !important;
	padding:0 !important;
}

p{
	margin:0 !important;
	padding:0 !important;
}

/* h
------------------------------ */
h2.ep_title {
	background:url(../images/title_line.gif) no-repeat top;
	margin:0 !important;
	padding:0 !important;
}

h2.ep_title img {
	margin:25px 0 20px 0 !important;
	padding:0 !important;
}

h3.ep_title{
	border-left:solid 13px #ffda00 !important;
	background:#80c342 !important;
	margin:0 !important;
	padding:5px 10px !important;
	color:#FFF !important;
	font-weight:bold !important;
	text-align:left !important;
}

/* margin
------------------------------ */
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt16{margin-top:16px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml80{margin-left:80px !important;}
.ml90{margin-left:90px !important;}
.ml100{margin-left:100px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}
.mr70{margin-right:70px !important;}
.mr80{margin-right:80px !important;}
.mr90{margin-right:90px !important;}
.mr100{margin-right:100px !important;}

.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}


/* padding
------------------------------ */
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}

.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}
.pl60{padding-left:60px !important;}
.pl70{padding-left:70px !important;}
.pl80{padding-left:80px !important;}
.pl90{padding-left:90px !important;}
.pl100{padding-left:100px !important;}

.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}
.pr60{padding-right:60px !important;}
.pr70{padding-right:70px !important;}
.pr80{padding-right:80px !important;}
.pr90{padding-right:90px !important;}
.pr100{padding-right:100px !important;}

.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}

/* padding
------------------------------ */
.wd100 {
	width: 100px;
}
.wd150 {
	width: 150px;
}

.wd170 {
	width: 170px;
}
.wd180 {
	width: 180px;
}

.wd220 {
	width: 220px;
}

.wd400 {
	width: 400px;
}

/* font
------------------------------ */
.f25 {font-size:189% !important; line-height:30px !important;}
.f24 {font-size:182% !important; line-height:30px !important;}
.f23 {font-size:174% !important; line-height:28px !important;}
.f22 {font-size:167% !important; line-height:28px !important;}
.f21 {font-size:161.6% !important; line-height:26px !important;}
.f20 {font-size:153.9% !important; line-height:26px !important;}
.f19 {font-size:146.5% !important; line-height:24px !important;}
.f18 {font-size:138.5% !important; line-height:24px !important;}
.f17 {font-size:131% !important; line-height:22px !important;}
.f16 {font-size:123.1% !important; line-height:22px !important;}
.f15 {font-size:116% !important; line-height:20px !important;}
.f14 {font-size:108% !important; line-height:20px !important;}
.f13 {font-size:100% !important; line-height:18px !important;}
.f12 {font-size:93% !important; line-height:18px !important;}
.f11 {font-size:85% !important; line-height:16px !important;}
.f10 {font-size:77% !important; line-height:16px !important;}

.blue{color:#289dec !important;}
.green{color:#429c29 !important;}
.red, .error {color:#e60012 !important;}
.white{color:#FFFFFF !important;}

.maru_green{color:#8ac852 !important;}

.bold{font-weight:bold !important;}
.txt_left{text-align:left !important;}
.txt_right{text-align:right !important;}
.txt_center{text-align:center !important;}
.fl_left{float:left !important;}
.fl_right{float:right !important;}

.point_bar{
	margin:0 0 5px 0 !important;
	padding:0 0 0 10px !important;
	border-left:solid 4px #80c342;
}

.point_arrow{
	margin:5px 0 0 15px !important;
	*margin:5px 0 0 0 !important;
	padding:0 0 0 10px !important;
	*padding:0 0 0 25px !important;
	background:url(../images/arrow_blue.gif) no-repeat left;
	*background:url(../images/arrow_blue.gif) no-repeat;
}

.point_arrow_ie{
	*background-position:15px 6px;
}

.point_arrow_black{
	margin:5px 20px 0 0 !important;
	padding:0 0 0 10px !important;
	background:url(../images/arrow_black.gif) no-repeat left;
}

.point_arrow_navi{
	margin:0 0 10px 0 !important;
	padding:0 0 0 10px !important;
	background:url(../images/arrow_blue.gif) no-repeat left;
}

a.black {text-decoration:underline !important; color:#222222 !important;}
a.black:hover {text-decoration:underline !important; color:#999999 !important;}

a.index {text-decoration:none !important; color:#333333 !important;}
a.index:hover {text-decoration:none !important; color:#333333 !important;}

a.red_link {text-decoration:underline !important; color:#e60012 !important;}
a.red_link:hover {text-decoration:underline !important; color:#ff5d6a !important;}

.caution01 {margin-left:1em !important; text-indent:-1em !important;}
.caution02 {margin-left:1.5em !important; text-indent:-1.5em !important;}
.caution03 {margin-left:1.2em !important; text-indent:-1.2em !important;}
.caution04 {margin-left:2.7em !important; text-indent:-2.7em !important;}
.caution05 {margin-left:1.4em !important; text-indent:-1.4em !important;}
.caution06 {margin-left:3em !important; text-indent:-3em !important;}
.caution07 {margin-left:2.2em !important; text-indent:-2.2em !important;}
.caution08 {margin-left:4.4em !important; text-indent:-4.4em !important;}

#mainArea sup{ vertical-align: super;}


/* list
------------------------------ */
ol.num{
	margin:0 0 0 30px !important;
	padding:0 !important;
	text-align:left !important;
}

ul.num{
	margin:0 0 0 30px !important;
	padding:0 !important;
	text-align:left !important;
}

.num li{
	margin:15px 0 0 0 !important;
	padding:0 !important;
	text-align:left !important;
	font-size:100% !important;
	line-height:18px !important;
}

/* layout
------------------------------ */
.main_box{
	width:670px;
	margin:0;
	padding:30px 19px 20px 19px;
	background:url(../images/bg.gif) no-repeat top;
}

.main_box_end{
	width:710px;
	height:7px;
	margin:0;
	padding:0;
	background:url(../images/bg_bottom.gif) no-repeat;
	font-size:0px;
}

table.green_box01 {
    width:100%;
	margin:0;
	padding:0;
    border-collapse:collapse;
	border:solid 1px #8ac852;
}
table.green_box01 th {
    padding:3px 10px;
	border-collapse:collapse;
	border:solid 1px #8ac852;
	background:#8ac852;
	font-weight:bold;
	color:#FFF;
	text-align:left;
}
table.green_box01 td {
    padding:10px;
	border-collapse:collapse;
	border:solid 1px #8ac852;
	background:#FFF;
	text-align:left;
}

.green_box02{
	padding:13px;
	border:solid 2px #8ac852;
	background:#f6feef;
	text-align:left;
}

.green_box03{
	padding:15px;
	background:#d9edc6;
	text-align:left;
}

.green_box04{
	padding:18px;
	border:solid 2px #9cc813;
	background:#FFF;
	text-align:left;
}

.green_box05{
	padding:13px;
	border:solid 2px #8ac852;
	background:#fff;
	text-align:left;
}

.blue_box01{
	padding:13px;
	border:solid 2px #FF7D7D;
	background:#FFF6F6;
	text-align:left;
}

.gray_box01{
	padding:15px;
	background:#f6f6f6;
	text-align:left;
}

.red_box01{
	padding:13px;
	border:solid 2px #e60012;
	background:#FFFFFF;
	text-align:left;
}

.purple_box01{
	padding:10px;
	background:#e3e6ef;
	text-align:center;
}

.clear{clear:both;}


button.image {
  cursor: pointer;
  padding: 0;
  border: none;
  background: transparent;
}



button.image :hover{
    opacity:0.90;
}

button.image :active{
    opacity:0.75;
}


/* NAVIGATION
------------------------------ */

.videoArea {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}