/* CSS Document */

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

img{border: none;}
table{font-size: 13px}

/*　リンク設定*****************************************/
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-menu{
	margin: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px solid #EDEFD0;
	border-left: 0px;
}

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

/* 背景と配置 **********************************/
body {
	text-align: center;
	font-size: 13px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
/*	letter-spacing: -0.5px;*/
	line-height: 160%;
	margin-top: 0px;
	margin-bottom: 0px;
	background: #FEFEC0 url(../img/common_img/back.jpg) repeat-x top;
}

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


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

#shadow_top{
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background: url(../img/common_img/back_top.jpg) no-repeat;
	height: 260px;
}


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


/* 2.キャッチ********************************/
#catchbox{
	position: relative;
	text-align: left;
	margin: 0px auto;
	background: url(../img/common_img/seo.jpg) no-repeat right bottom;
	width: 760px;
}

.catchtxt{
	font-weight: bold;
	color: #333333;
	padding: 0px;
	margin-left: 20px;
}
/* 3.バナー設定 ********************************************/
#bannerbox {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;

}

/* 上部メニューバーテーブル ***********************************/
#menubox{
	width:760px;
	margin: auto;
	text-align: center;
	background-color: #FFFFFF;
}

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

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


/* 6.メインBox設定************************************************/
#main {
	float: right;
	width: 465px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 30px;
	margin-top: 0px;
	margin-bottom: auto;
}


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

#footer_seo {
	width: 760px;
	clear: both;
	color: #333333;
	margin: 0px auto;
	position: relative;
	text-align: left;
}

.footer_seotxt {
	margin-left: 20px;
}
/*  4.フッター ****************************************************/
#footer {
	width: 760px;
	clear: both;
	color: #FFFFFF;
	margin: 0px auto;
	position: relative;
	text-align: center;
	background: url(../img/common_img/footer_back.jpg) repeat-x;
	height: 30px;
}

.footertxt {
	margin-left: 20px;
	padding-top: 5px;
}


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

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

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


.line{
	width: 465px;
	background: #D4D9FF;
	height: 1px;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
}

.area{
	width: 228px;
	margin-bottom: 20px;
	background: #D4D9FF;
	border: 1px solid #999999;
}


.area_text{
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom: 10px;
	text-align: left;
}



.recommend{
	width: 465px;
	height:305px;
	background: url(../img/index/recommend_back03.jpg) repeat;
}
.recommend_text{
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom: 10px;
}

.recommend_text02{
	margin-top: 10px;
	margin-left: 125px;
}

.works{
	float: left;
	width: 180px;
	margin-right: 15px;
}

.half{
	float: left;
	width: 45%;
/*
	margin-right: 15px;
	margin-top: 15px;
*/
	margin: 15px 12px 0px 0px;
	text-align: center;
}

/*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;
}

.left_img02{
	float: left;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-right: 10px;
}


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

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

/*fontタグ*/

.font01{
	color: #FF0000;
	font-weight: bold;
	font-size: 15px;
	margin-top: 30px;
}

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


.font03{
	color: #000066;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px dotted #000066;
	margin-top: 30px;
}

.font04{
	color: #FF6600;
	font-size: 9px;
}

.font05{
	color: #FF3300;
	font-weight: bold;
	padding-top: 10px;
	font-size: 14px;
}

.font05_13{
	color: #FF3300;
	font-weight: bold;
	padding-top: 10px;
}

.font06{
	color: #FF0000;
	font-size: 9px;
}


/*marginタグ*/

.margin01{
	margin-top: 50px;
	margin-bottom: 30px;
}

.margin02{
	margin-top: 50px;
}

.margin03{
	margin-top: 20px;
}



/* #99 cmn
---------------------------------------------------------------------------- */
.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;}
.mt40 {margin-top: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml1em {margin-left: 1em !important;}
.ml2em {margin-left: 2em !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: #8a0f1f;}
.nw { white-space: nowrap;}
.clear { clear: both;}
.tBorder { border:1px solid red;}
.noline { text-decoration:none;}
.fcRed02{ color: #FF6855;}
.fcRed03{ color: #CC0000;}


.tuduki_box01 {
	margin-top:5px;
	text-align:right;
	}
	
.mds01{
	margin-top:40px;
	margin-bottom:45px;
	}
.q_box01 {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 30px;
	background-image: url(../img/index/q_box_bg.gif);
	background-repeat: no-repeat;
	color: #FF3E28;
	font-weight: bold;
	font-size: 14px;
}
.box01 {
	background-color: #ECF3F9;
	border: 1px solid #CCCCCC;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.mark_orange {
	background-image: url(../img/works/mark_orenge.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
}

#works li{ list-style-image:url(../img/works/mark_orenge.gif)}
#works dt{ background: url(../img/works/mark_orenge.gif) no-repeat; padding-left: 15px; margin-bottom:0px; font-weight: bold;}
#works dd{ margin: 0px 0px 12px 15px;}