@charset "shift_jis";

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{color:#000;/*background:#FFF;*/}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,p{
	padding:0;
	margin: 0;
}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/**********************************************
                  base
***********************************************/

body{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333333;
	margin: 0px;
	line-height: 120%;
	background:url(../img/online/head_rep.gif) repeat-x left top;
	font-size: 0.8em;
}
a:link{
    color: #116fbb;
}
a:visited {
	color: #116FBB;
}
a:hover{
	color: #0099CC;
    text-decoration:none;
}
ol li{
    list-style-type:decimal;
	list-style-position:outside;
	margin-left:1.8em;
}
strong {
	font-weight: bold;
}

/**********************************************
                container
***********************************************/

/* ヘッダー
===============================================*/

#header {
	width: 721px;
	height: 53px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-top: 15px;
}
#text_changer {
	width: 105px;
	background: url(../img/common_img/sizechange_text.gif) no-repeat center top;
	float: right;
	padding-top: 20px;
}
#text_changer img {
	margin-right: 3px;
}
#logo {
	float: left;
	padding-top: 5px;
}


/* コンテンツ
===============================================*/
#container {
	width: 721px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	clear: both;
}
#container p{
	margin-bottom: 1em;
}

/* タイトル
-----------------------------------*/
h1{
    border-bottom:2px solid #102955;
	padding-bottom:3px;
	margin-bottom:10px;
}
h2 {
	height: 20px;
	background: url(../img/online/title_rep.gif) repeat-x left bottom;
	padding-bottom: 3px;
	padding-left: 10px;
	line-height: 20px;
	font-weight: bold;
	border-left: 2px solid #003366;
	margin-bottom: 10px;
}


/* 位置系
-----------------------------------*/
.left_float {
	display: block;
	float: left;
}
.float_right {
	float: right;
}
.clear {
	clear: both;
}
.left {
	text-align: left;
}
.right{
    text-align:right;
}
.center {
	text-align: center;
}
.rightPict{
	float:right;
	margin-bottom:10px;
	margin-left:10px;
}
.leftPict{
	float:left;
	margin-bottom:10px;
	margin-right:10px;
}

/* 他class
-----------------------------------*/
.step{
    background:url(../img/online/bg_step.gif) no-repeat;
}

.step3{
    padding-left:159px;
}
.attention{
	text-indent:-1em;
	padding-left:1em;
}

/* マージン系
-----------------------------------*/
#container p.mgn_b0,.mgn_b0{
    margin-bottom:0px;
}
.mgn_b10 {
	margin-bottom: 10px;
}


/* icon系
-----------------------------------*/
.link{
	background: url(../img/common_img/link_arrow.gif) no-repeat left center;
	padding-left: 1em;
}



/* テキスト系
-----------------------------------*/
.text_bld {
	font-weight: bold;
}
.text_red,.txt_red {
	color: #C60000;
}
.text_red_bold{
	color:#C60000;
	font-weight:bold;
}


/*ご注意*/
.box_attention{
    background:#fef5de ;
	padding:10px;
	margin-bottom:10px;
}
.case{/* メール送付の場合・お電話の場合 */
	width:584px;
	padding-left:10px;
	padding-top:5px;
	float:right;
	margin-bottom:20px;
}
.ulOrg{
	margin-bottom:10px;
}
.ulOrg li{
    color:#FE6601;
	margin-bottom:5px;
}
/* メールフォーム*/
.mail{
    width:538px;
    background:#CDDBE1 url(../img/online/mail.gif) no-repeat 10px;
	padding: 6px 0px 6px 45px;
	font-weight:bold;
	font-size:1.2em;
}
.mail a {
    color:#116FBB;
}

/*ページトップ*/
#pagetop{
    clear:both;
	text-align:right;
	width:720px;
	font-size:0.8em;
	margin-bottom:15px;
}
.pagetop {
	padding-left: 10px;
	background: url(/common_img/icon/toparrow_mini.gif) no-repeat 0px 4px;
	font-size:1.0em;
}

/* フッター
===============================================*/

#footer {
	border-top: 5px solid #1A9ABE;
	padding-top: 5px;
	font-size: 12px;
}
#footer_con {
	width: 721px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#footer address {
	float: right;
}
#footer #copyright {
	clear: both;
	display: block;
}

/* 背景装飾関連
===============================================*/
.back_color2{
	background-color:#E1F5FF;
	text-align: center;
}

.back_color2_l{
	background-color:#E1F5FF;
	text-align: left;
}
.bg_gray{
	background-color: #EFEFEF;
	padding:10px;
}

/* パディング関連
===============================================*/

.pdg10{
	padding:10px;
}


/* =================================================================== */
/* [印刷用スタイル]                                                    */
/* =================================================================== */

@media print {
*{
    float:none
}
body {
	background-image:none;
}
#header{
    display:none;
}
}