@charset "utf-8";

/* >>> CSS Contents : START <<< ---------------------------

/common/css/popup.css

>>> Table of Contents :
   01. Common
   02. Layout

Last Updata: 090511

-- >>> CSS Contents : END <<< --------------------------- */


/* 00. Reset
================================================== */

body,div,pre,p,blockquote,form,fieldset,
input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
    margin:0;
	padding:0;
	vertical-align:baseline;}
table,th,td {border:none;}
fieldset,img {border:0;}
li {list-style:none;}



/* 01. Common
================================================== */
body {
    font-size:80%;
	line-height:1.7;
	font-family:Arial,"Meiryo", "Osaka－等幅", "ＭＳ ゴシック",sans-serif;
	background-color:#FFFFFF;
	color:#333333;}

/* 01-1 Text
---------------------------------------- */
p {margin:8px 0;}
/* txtCaution */
/* caption */
.caption {
    font-size:85%;
	color:#666666;}
/* txtStrike */

/* 01-2 Hypertext
---------------------------------------- */
a:link,a:visited,a:active {
    color:navy;
	text-decoration: underline;}
a:hover {
    color:#666666;
	text-decoration:none;}

/* 01-3 Heading
---------------------------------------- */
h1,h2,h3,h4,h5,h6 {clear:both;}
/* Normal */
h1 {font-size:120%; font-weight:bold; margin-top:15px;}
h2 {font-size:110%; font-weight:bold; margin-top:15px;}
h3 {font-size:130%; font-weight:bold; margin-top:15px;}
h4 {font-size:120%; font-weight:bold; margin-top:15px;}
h5 {font-size:110%; font-weight:bold; margin-top:15px;}
h6 {font-size:100%; font-weight:bold; margin-top:15px;}


/* 1.3 Margin
---------------------------------------- */
/* auto */
.mgn0A {margin:0 auto;}
/* all */
/* top */
.mgnT10 {margin-top:10px;}
.mgnT20 {margin-top:20px;}
.mgnT30 {margin-top:30px;}
/* right */
.mgnR10 {margin-right:10px;}
.mgnR20 {margin-right:20px;}
/* bottom */
.mgnB10 {margin-bottom:10px;}
.mgnB20 {margin-bottom:20px;}
.mgnB30 {margin-bottom:30px;}
/* left */
.mgnL10 {margin-left:10px;}
.mgnL20 {margin-left:20px;}
/* top-bottom */
.mgnTB10 {margin-top:10px; margin-bottom:10px;}
.mgnTB20 {margin-top:20px; margin-bottom:20px;}
/* right-left */
.mgnLR10 {margin-left:10px; margin-right:10px;}
.mgnLR20 {margin-left:20px; margin-right:20px;}
.mgnLR30 {margin-left:30px; margin-right:30px;}

/* 1.3 Padding
---------------------------------------- */
/* auto */
/* all */
/* top */
.pdT10 {padding-top:10px;}
.pdT20 {padding-top:20px;}
.pdT30 {padding-top:30px;}
/* right */
/* bottom */
/* left */
/* top-bottom */
/* right-left */

/* 1.3 List style
---------------------------------------- */
/* disc(default) */
ul, ol {margin-left:10px;}
li {
    list-style:disc;
	margin-left:15px;}

/* 1.3 Others
---------------------------------------- */
/* float */
.left {float:left;}
.right {float:right;}
.right02 {float:right; text-align:right;}

/* text-align */
.alignC {text-align:center;}
.alignR {text-align:right;}

/* clearfix */
.clear {
    display:inline-block;
	clear:both;}
.clear:after {
    content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;}

/* width(%) */
.w20per {width:20%;}
.w30per {width:30%;}
.w40per {width:40%;}
.w50per {width:50%;}
.w60per {width:60%;}
.w70per {width:70%;}
.w80per {width:80%;}
.w90per {width:90%;}
.w100per {width:100%;}



/* 02. Layout
================================================== */
/* 02-1 Containers
---------------------------------------- */
#page {
    width:100%;}
#areaHeader {
	background:url(../img/popup/popup_bg.gif);
	line-height:0;
	border-bottom:solid 1px #CCCCCC;}
#areaFooter {
	color:#666666;
	padding:15px 15px 20px 15px;}
#contents {
	margin:15px 0 15px 15px;
	background:#FFFFFF;}


#areaFooter #copyright {
    font-weight:bold;
	margin-left:5px;
	border-top:dotted 1px #CCCCCC;
	padding-top:5px;}

.h1_popup {
    background:url(../img/body/ico_arr.gif) no-repeat 3px 5px;
	margin-bottom:15px;
	padding-left:20px;}
.close {
    padding:3px 30px;}