/* CSS Document */

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

/*　リンク設定*****************************************/
a:link {
	color:#0000FF;
	text-decoration: underline;
}

a:visited {
	color:#663399; 
	text-decoration: underline;
}

a:active { 
	color: #333399;
	text-decoration: underline;
}

a:hover {
	color: #FF9900;
}

a.ank:hover {
	text-decoration:none;
}

.img-a{
	border:0px;
	margin: 0px;
}

.img-top{
	border:0px;
	margin-top: 30px;
}

img {
	border:none;
}

/* 強調文字設定 *********************************************/
h1{
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 160%;
}

/* 背景と配置 **********************************/
body {
	margin: 0px;
	text-align: center;
	color:#333333;
	font-size: 14px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
/*	letter-spacing: -0.5px;*/
	line-height: 160%;
	background: #FFFFFF;
}

ul{
	margin: 0px;
	padding: 0px;
}


/* 1.大枠　***************************************/
#shadow{
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background: url(../img/common_img/back.jpg) repeat-y;
}


#container {
	text-align: left;
	padding: 0;
	width: 760px;
	height: auto;
	margin: 0px auto;
	clear: both;
}

#container_top {
	text-align: left;
	padding: 0;
	width: 760px;
	height: 20px;
	margin: 0px auto;
	clear: both;
	background: #FFFFFF;
	border-top: 1px solid #000066;
}


/* 2.キャッチ********************************/
#catchbox{
	width: 760px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	color: #333333;
	background: #FFFFFF url(../img/common_img/logo.jpg) no-repeat bottom;
	height: 80px;
}

.catchtxt{
	text-align: left;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 0px;
	height: 23px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #333333;
}


/* 3.バナー設定 ********************************************/
#bannerbox {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;

}

/* 上部メニューバーテーブル ***********************************/
#menubox{
	width:760px;
	margin: auto;
	background-image: url(../img/common_img/button_shadow.jpg);
	text-align: center;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.menu-b{
	padding:0px;
	float: left;
	margin-right: auto;
	margin-left: auto;
	border-style: none;
}

/* 5.左サイドバー ***********************************************/
#left-side{
	float: left;
	width: 190px;
	text-align: center;
	padding-bottom: 30px;
	padding-left: 15];
	padding-left: 15px;
	margin-top: 20px;
}


/* 6.メインBox設定************************************************/
#main {
	float: right;
	width: 490px;
	padding: 0px;
	margin: 0px 10px auto 15px;
}


/* 7.フッターメニュー　*******************************************/
#f-menubox {
	width: 760px;
	clear: both;
	padding-bottom: 15px;
	font-size: 13px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	background: #FFFFFF;
}


/*  4.フッター ****************************************************/
#footer {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
	color: #FFFFFF;
	background: #3A87B8;
}


/*BOX*/
.left-box{
	width:190px;
	padding: 0px;
	margin-bottom: 20px;
}

.sidemailbox{
	width: 190px;
	margin-top: 20px;
	background: #FFFFFF;
	text-align: left;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.sidemailboxtxt{
	text-align: left;
	background: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;

}

.dotted{
	background: url(../img/common_img/dotted.jpg) repeat-x;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 5px;
}

.voice{
	width: 490px;
	margin-top: 20px;
	margin-bottom: 30px;
	background: #FFFFCC;
	border: 1px dotted #FFCC33;
}

.voice_inside{
	margin: 10px 15px;
}

.clear{
	clear: both;
	width: 490px;
}


.service{
	width: 480px;
	border-bottom: 2px dotted #666666;
	padding-bottom: 20px;
}


.link{
	width: 480px;
	background: #DEDFFB;
	border: 1px solid #000066;
	margin-bottom: 15px;
}

.link_text{
	padding: 10px;
	width: 95%;
}


.recommend{
	width: 100%;
	background: #FFEACE;
	margin-bottom: 20px;
	margin-top: 20px;
}

.recommend_text{
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.order{
	width: 100%;
	background: #F0F2FF;
	margin-bottom: 20px;
	margin-top: 20px;
	border: 1px solid #B9C9DD;
}

.order_text{
	margin: 10px 20px;
}


/*imgタグ*/
.right_img{
	float: right;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}

.left_img{
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
	border-style: none;
}


/*liタグ*/
.li01{
	border-style: none;
	list-style: square;
	text-align: left;
	margin-left: 10px;
}

.li02{
	border-style: none;
	list-style: square outside;
	text-align: left;
	margin-left: 20px;
	margin-top: 10px;
}

/*fontタグ*/

.font01{
	color: #990000;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #990000;
	margin-top: 30px;
}

.font02{
	color: #CC0000;
	font-weight: bold;
	padding-top: 10px;
	font-size: 16px;
}


.font03{
	color: #006699;
	font-size: 13px;
	font-weight: bold;
	margin-top: 10px;
}

.font04{
	color: #FF0000;
}

.font05{
	color: #333399;
	font-size: 15px;
	font-weight: bold;
}

/*marginタグ*/

.margin01{
	margin-top: 70px;
	margin-bottom: 20px;
}

.margin02{
	margin-top: 20px;
	margin-bottom: 10px;
}

.margin03{
	margin-top: 40px;
}



/* #tuika
---------------------------------------------------------------------------- */
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb1em { margin-bottom: 1.2em !important;}
.mb2em { margin-bottom: 2em !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt45 {margin-top: 45px !important;}
.mt90 {margin-top: 90px !important;}
.ml45 {margin-left: 45px !important;}
.ml1em {margin-left: 1em !important;}
.ml2em {margin-left: 2em !important;}
.ml35{margin-left: 35px !important;}
.pr3 { padding-right: 3px !important;}
.pt15 {padding-top: 15px !important;}
.arr01 a { background: url(image/arr_link01.gif) no-repeat right; padding-right: 20px;}
.arr01 a:hover { background: url(image/arr_link01_over.gif) no-repeat right; color: #DE8A00;}
.replace {text-indent: -9999px; line-height: 1; font-size: 6px; overflow: hidden; }
.replace a {text-indent: -9999px; line-height: 1; font-size: 6px; overflow: hidden; }
.tr { text-align: right;}
.tc { text-align: center;}
.lh1 {line-height: 1;}
.fb {font-weight: bold;}
.fr { float: right;}
.fl { float: left;}
.fs11 { font-size: .87em;}
.fcBlue01{ color: #0F158A;}
.fcRed01{ color: #CC0000;}
.nw { white-space: nowrap;}
.clear { clear: both;}
.tBorder { border:1px solid red;}
.noline { text-decoration:none;}
.cellL {padding: 1em;border-bottom: 1px solid #1D41BC; white-space:nowrap;}
.cellR { padding: 1em; border-bottom: 1px solid #1D41BC;}
table.form { border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff;}
table.form .cellL { padding: 1em; background: #ACBAE6; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
table.form .cellR { padding: 1em; background: #ACBAE6; border-bottom: 1px solid #ffffff;}

.margin04{
	margin-top: 20px;
	margin-bottom: 30px;
}


.box01{
	padding: 0px 0px 15px 10px;
	border: 1px solid #3B87B8;
}

.title_box01 {
	margin-top: 5px;
	margin-bottom: 5px;
	border-left-width: 8px;
	border-left-style: solid;
	border-top-color: #239027;
	border-right-color: #239027;
	border-bottom-color: #5BD75F;
	border-left-color: #5BD75F;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #239027;
	font-size: 16px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}

#l-navi{margin-left: 10px;}
#l-navi li{
	border-style: none;
	list-style: square;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 10px;
}

.mail-ul{ list-style: none outside;}
.mail-ul li{ margin-bottom: 14px;}


.ul_free{ list-style: none outside; margin: 1em 0 0 0; padding: 0;} 
.ul_free li{margin: 0 0 0.2em 0;padding: 4px 0 0 35px;line-height: 1.8;background: url(../img/free/free_check.gif) no-repeat left 0px;}

.bg{ background-color:#FFFFCC;border: 1px dotted #FFCC33; padding-left:30px; padding-top:5px;}
.free_qr{background: url(../img/free/free_qr.gif) no-repeat left 0px; width:490px; height:74px; padding:10px 0 0 90px;}