* { margin:0; padding:0;}
body {
	background:#052D00;
	color:#333333;
	font: 117%/1.3125em Geneva, Arial, Helvetica, sans-serif;
}

input, textarea { font-family:Tahoma, Geneva, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:12px;}

.tail-top { background:url(images/tail-top2.gif) left 102px repeat-x;}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.form { height:25px;}
.form input {width:173px; background:none; color:#052D00; border:1px solid #a4a4a4; padding:2px 0 3px 3px;}
textarea { width:359px; height:68px; background:none; overflow:auto; color:#000; padding-left:3px; border:1px solid #a4a4a4; margin-bottom:12px;}


/*==================list====================*/
ul { list-style:none;}

#site-nav {
	width:100%;
	overflow:hidden;
	padding:22px 0 0 0;
}
#site-nav li { float:left; background: no-repeat left top; margin-left:4px; padding:4px 0 4px 0;}
#site-nav li a { line-height: 2.2em;
	color: #052D00;
	text-decoration: none;

	text-align: center;
	display: block;
	height: 2.2em;
	width: 147px;
	border-top: ;
	border-bottom: 4px double #B4D228;}
#site-nav li a:hover { border-bottom:5px solid #2d6e19;}
#site-nav li a.current { border-bottom:5px solid #9bcd00;}

.list1 li { background:url(images/bull1.gif) no-repeat left 7px; padding:0 0 4px 14px;}
.list1 li a { 	line-height: 2.5em;
	color: #ffffff;
	text-decoration: none;
	background: #000 url(images/menu2_off.gif) repeat-x top;
	text-align: center;
	display: block;
	height: 2.2em;
	width: 170px;
	border-top: 3px solid #e59710;
	border-bottom: 3px double #e59710;
	}
.list1 li a:hover { text-decoration:underline; background: #004080 url(images/menu2_on.gif) repeat-x top;}	

.list2 li { background:url(images/bull2.gif) no-repeat left 8px; padding:0 0 0 14px;}
.list2 li a { color:#509d01; text-decoration:none; font-weight: bold;}
.list2 li a:hover { text-decoration:underline; color:#052D00;}

.list3 li { width:100%; overflow:hidden; font-size:.91em; line-height:1.36em; background:url(images/line-dotted.gif) left bottom repeat-x; padding:0 0 21px 0; margin-bottom:23px;}
.list3 li.last { background:none; margin-bottom:0;}
.list3 li img { float:left; margin:0 19px 0 0;}
.list3 li a { font-size:1.1em; font-weight:bold; display:block; padding:4px 0 4px 0; color:#000;}

.list4 { width:100%; overflow:hidden;}
.list4 li { width:49%; float:left; padding:3px 0 3px 0; background:url(images/line-ver.gif) right top repeat-y; }
.list4 li span { display:block; margin-right:12px; background:url(images/line-hor.gif) left bottom repeat-x; padding:0 0 20px 49px;}
.list4 li em { display:block;  background:url(images/icon1.jpg) no-repeat left top; font-style:normal;}
.list4 li.alt {background:url(images/line-ver.gif) left top repeat-y; margin-left:-1px;}
.list4 li.alt span {display:block; padding:0 0 20px 73px; margin:0;}
.list4 li.alt em {background:url(images/icon2.jpg) no-repeat left top;}
.list4 li a { display:block; color:#000; font-weight:bold; padding:1px 0 5px 0;}

.list5 dt { font-weight:bold; padding-bottom:4px; text-decoration:underline;}
.list5 dd { font-size:.91em; padding-bottom:18px; line-height:1.36em;}
.list5 dd.last { padding-bottom:0;}
 
/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:15px;}
.img-box img { float:left; margin:0 18px 0 0;}

.p1 { margin-bottom:15px;}
.p2 { margin-bottom:5px;}
.p3 { margin-bottom:22px;}

/*==================txt, links, lines, titles====================*/
a {color:#509d01;}
a:hover{text-decoration:none;}

h1 {
	color:#FFFFFF;
	margin-bottom:5px;
	background: url(images/h1_bg.jpg) no-repeat;
	font: bold 18px/1em meiryo, "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	height: 45px;
	padding-top: 10px;
	padding-left: 15px;
}
h1 span {
	display:block;
	text-transform:uppercase;
	color:#FFFF99;
	font-size: 11px;
	text-align: right;
	padding-right: 15px;
	margin: 0px;
	padding-top: 5px;
}
h1 em { font-style:normal; color:#FFFFFF;}
h4 { font-size:1.5em; color:#6ebe14; font-weight:bold; background:url(images/line-dotted.gif) left bottom repeat-x; padding-bottom:13px; margin-bottom:26px;}
h2 { font-size:1.7em; text-transform:uppercase; color:#2f2f2f; padding:3px 0 4px 5px; margin:0 0 5px -5px;}
h6.marker1 { background:url(images/title-marker1.jpg) no-repeat left top;}
h3 { font-size:1.5em; color:#509d01; margin-bottom:10px;}
h5 { font-size:1em; color:#000; text-decoration:underline; margin-bottom:5px;}
h6 { font-size:1em; text-transform:uppercase; color:#fff; background:url(images/title-marker.jpg) no-repeat left top; padding:3px 0 4px 35px; margin:0 0 27px -5px;}

.txt2 { line-height:1.82em;}
.txt3 { color:#000;}

.link1 { display:block; float:right; background:url(images/free1.jpg) left top repeat-x; }
.link1 em { display:block; background:url(images/free1.jpg) no-repeat left top;}
.link1 b { display:block; background:url(images/free1.jpg) no-repeat right top; }

.link2 { display:block; float:right; background:url(images/link2-bg.gif) left top repeat-x; color:#fff; text-transform:uppercase; font-size:.95em;}
.link2 em { display:block; background:url(images/link2-left.gif) no-repeat left top;}
.link2 b { display:block; background:url(images/link2-right.gif) no-repeat right top; padding:2px 20px 6px 33px;  font-weight:bold;; font-style:normal; }

.link3 { display:block; float:right; background:url(images/link1-bg.gif) left top repeat-x; color:#fff; text-transform:uppercase; margin-left:6px;}
.link3 em { display:block; background:url(images/link3-left.gif) no-repeat left top;}
.link3 b { display:block; background:url(images/link3-right.gif) no-repeat right top; padding:5px 20px 6px 33px;  font-weight:bold;; font-style:normal; }

.line-hor { background:url(images/line-hor.gif) left bottom repeat-x; padding-bottom:30px;}
.line-hor1 { background:url(images/line-hor.gif) left bottom repeat-x; padding-bottom:10px;}

/*==================boxes====================*/
.menu-box { background:#fff; width:100%; font-weight: bold;}
.menu-box .left { background:url(images/menu-left.gif) no-repeat left top;}
.menu-box .right { background:url(images/menu-right.gif) no-repeat right top; height:72px;}

.box {
	width:100%;
	background:#FFFFFF repeat-x left top;
	line-height:1.5em;
	color:#000;
	font-weight: bold;
}
.box .border-top {background:url(images/border-top.gif) repeat-x top;}
.box .border-bot {background:url(images/border.gif) repeat-x bottom;}
.box .border-left {background:url(images/border.gif) repeat-y left;}
.box .border-right {background:url(images/border.gif) repeat-y right;}
.box .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top;}
.box .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom;}
.box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom; }
.box .inner { padding:10px 20px 37px 27px;}
.box .inner1 { padding:10px 20px 26px 27px;}
.box p { margin-bottom:16px;}

.box1 { width:100%; line-height:1.5em; color:#000;}
.box1 .border-top {background:url(images/border-top1.gif) repeat-x top;}
.box1 .border-bot {background:url(images/border1.gif) repeat-x bottom;}
.box1 .border-left {background:url(images/border1.gif) repeat-y left;}
.box1 .border-right {background:url(images/border1.gif) repeat-y right;}
.box1 .left-top-corner {background:url(images/left-top-corner1.gif) no-repeat left top;}
.box1 .right-top-corner {background:url(images/right-top-corner1.gif) no-repeat right top;}
.box1 .left-bot-corner {background:url(images/left-bot-corner1.gif) no-repeat left bottom;}
.box1 .right-bot-corner {background:url(images/right-bot-corner1.gif) no-repeat right bottom; }
.box1 .inner { padding:10px 20px 30px 27px;}

.box2 { width:100%; background:url(images/box2-bg.gif) left bottom repeat-x; line-height:1.36em; color:#000; font-size:.91em;}
.box2 .border-top {background:url(images/border2.gif) repeat-x top;}
.box2 .border-bot {background:url(images/border2.gif) repeat-x bottom;}
.box2 .border-left {background:url(images/border2.gif) repeat-y left;}
.box2 .border-right {background:url(images/border2.gif) repeat-y right;}
.box2 .left-top-corner {background:url(images/left-top-corner2.gif) no-repeat left top;}
.box2 .right-top-corner {background:url(images/right-top-corner2.gif) no-repeat right top;}
.box2 .left-bot-corner {background:url(images/left-bot-corner2.gif) no-repeat left bottom;}
.box2 .right-bot-corner {background:url(images/right-bot-corner2.gif) no-repeat right bottom; }
.box2 .inner { padding:26px 29px 30px 30px;}
.box2 .inner1 { padding:26px 29px 40px 30px;}
.box2 .list1 { padding:1px 0 2px 0;}
.box2 .list1 li {font-size:1.1em; padding-bottom:6px;}

.icon-box1 { background:url(images/icon1.jpg) no-repeat left top; padding-left:49px;}
.icon-box1 a { display:block; padding:2px 0 4px 0; color:#000; font-weight:bold;}

.icon-box2 { background:url(images/icon2.jpg) no-repeat 24px top; padding-left:49px;}
.icon-box2 a { display:block; padding:2px 0 4px 0; color:#000; font-weight:bold;}
.icon-box2 .inner { padding:0 0 0 18px !important;}

.icon-box3 { background:url(images/icon3.jpg) no-repeat left 18px; padding-left:49px;}
.icon-box3 a { display:block; padding:2px 0 4px 0; color:#000; font-weight:bold;}
.icon-box3 .inner { padding:18px 0 8px 0;}

.icon-box4 { background:url(images/icon4.jpg) no-repeat 24px 18px; padding-left:49px;}
.icon-box4 a { display:block; padding:2px 0 4px 0; color:#000; font-weight:bold;}
.icon-box4 .inner { padding:18px 0 8px 18px !important;}

.icon-box5 { background:url(images/icon5.jpg) no-repeat left top; padding-left:49px;}
.icon-box5 a { display:block; padding:2px 0 4px 0; color:#000; font-weight:bold;}

.icon-box6 { background:url(images/icon6.jpg) no-repeat 24px top; padding-left:49px;}
.icon-box6 a { display:block; padding:2px 0 4px 0; color:#000; font-weight:bold;}
.icon-box6 .inner { padding:0 0 0 18px !important;}

.icon-box7 { background:url(images/icon7.jpg) no-repeat left 18px; padding-left:49px;}
.icon-box7 a { display:block; padding:2px 0 4px 0; color:#000; font-weight:bold;}
.icon-box7 .inner { padding:18px 0 8px 0;}

.icon-box8 { background:url(images/icon8.jpg) no-repeat 24px 18px; padding-left:49px;}
.icon-box8 a { display:block; padding:2px 0 4px 0; color:#000; font-weight:bold;}
.icon-box8 .inner { padding:18px 0 8px 18px !important;}

.cont-box { padding:0 80px 0 0; margin:0; font-weight: bold;}
.cont-box span { float:right;}

/*header*/
#header .row-1 { padding-top:30px;}
#header .row-2 { padding:95px 0 0 73px;}

/*content*/
#content { background:#fff; width:100%;}
#content .row-1 { padding-bottom:10px;}
#content .indent {
	padding:20px 30px;
}
#content .indent1 { padding:0 0 0 20px;}
#content .indent2 {
	padding:0 20px 10px;
}
.indent2 p {
	font-size: 12px;
	line-height: 1.4em;
	margin-bottom: 15px;
}

#content .row{background: #78b40f url(images/menuborder.gif) repeat-x top;color: #ffffff;border-width: medium;border-color: #78b40f; border-style: solid; max-width: 507px;max-height: 400px;font-size: 150%;}
.indent2 .topsection h2 {
	font-size: 14px;
}

/*content*/
#content .rowc{background-color:#6ebe14 ;color: #ffffff; max-width: 507px;max-height: 400px;font-size: 150%;border:1px solid #3C4F08;
border-style: solid;}
#content .mkn{ clear: both;}

/*footer*/
#footer { color:#505050;}
#footer { background:url(images/footer-line.gif) left top repeat-x #fff; width:100%;}
#footer .left { background:url(images/footer-left.gif) no-repeat left top; }
#footer .right { background:url(images/footer-right.gif) no-repeat right top; height:92px;}
#footer .inner { padding:25px 0 0 23px;}
#footer span { color:#509d01; padding-left:8px;}
#footer a { color:#505050;}
#sub-nav { width:100%; overflow:hidden;}
#sub-nav li { display:inline; margin-left:-1px;}
#sub-nav li a { color:#505050; border-left:1px solid #505050; padding:0 8px 0 8px; text-transform:uppercase; text-decoration:none;}
#sub-nav li a:hover { text-decoration:underline;}


/*WEB制作サンプルページ*/
hr {
	display: none;
}

#padd_box {
	padding-left: 10px;
	padding-right: 10px;
}

#w_box {
	border-top: 1px dashed #CCCCCC;
	width: 500px;
	padding-top: 10px;
	vertical-align: middle;
	padding-bottom: 10px;
	height: 160px;
}

#w_more {
	float: right;
	margin-top: 30px;
	width: 134px;
	margin-left: 40px;
}

#w_more a{
	display:block;
	width:134px;
	height:30px;
	text-indent:-300px;
	overflow:hidden;
	background-image: url(../subcontents/image/works/w_more.jpg);
	background-position: right 0px;
}

#w_more a:hover{
	background-position: right -30px;
}

table#dis_00 {
	line-height: 1.6;
	width: 300px;
}

table#dis_00  td#item {
	padding-right: 0px;
	text-align: right;
	vertical-align: top;
	width: 70px;
}

/*リンクページ*/
div.link {
width: 99%;
height: 63px;
margin-top: 5px;
border-width: 1px;
border-color: #CCCCCC;
border-style: solid;
background-color: #ffffff;
}

/*テーブル*/
table {
width:97%;
margin:5 0 0 5px;
border-collapse:collapse;
}

table td, th {
padding:5px;
line-height:18px;
text-align:left;
border:1px solid #3C4F08;
}

table .ta {
font-weight:bold;
text-align:center;
color:#3C4F08;
background:url(../images/price/t_back.gif) repeat-x;
}

table .tb {
width:120px;
font-weight:bold;
text-align:left;
vertical-align:top;
color:#3C4F08;
background:#F4F4E5 url(../images/price/ar.gif) no-repeat 5px 10px;
padding-left:18px;
}

table .tb2 {
width:350px;
font-weight:bold;
text-align:left;
vertical-align:top;
color:#3C4F08;
background:#F4F4E5 url(../images/price/ar.gif) no-repeat 5px 10px;
padding-left:18px;
}

table .tb3 {
width:190px;
font-weight:bold;
text-align:left;
vertical-align:top;
color:#3C4F08;
background:#F4F4E5 url(../images/price/ar.gif) no-repeat 5px 10px;
padding-left:18px;
}





#leftNavi {
	font-family: meiryo, "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: url(images/left_navi_bg.jpg) repeat-y;
	width: 240px;
	margin: 0px;
}
#leftNavi b {
	background: url(images/left_navibox_head.jpg) no-repeat;
	display: block;
	height: 26px;
	width: 240px;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 12px;
	text-align: center;
	line-height: 1.0em;
	margin: 0px 0px 10px;
}
#leftNavi p {
	font-size: 12px;
	line-height: 1.3em;
	margin: 0px 15px 10px;
}
#leftNavi ul {
	list-style: none;
	margin-bottom: 20px;
	margin-left: 35px;
}
#leftNavi li {
	background: url(images/left_navi_btn1.jpg) no-repeat;
	height: 30px;
	width: 170px;
	margin: 0px 0px 8px;
}
#leftNavi li a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	background: url(images/left_navi_btn1.jpg) no-repeat;
	display: block;
	height: 25px;
	width: 160px;
	padding-top: 5px;
	padding-left: 10px;
}
#leftNavi li a:hover {
	background: url(images/left_navi_btn1.jpg) no-repeat 0px -30px;
}

#leftNavi_foot  {
	background: url(images/left_navibox_foot.jpg) no-repeat;
	height: 16px;
	width: 240px;
	text-indent: -10000px;
	display: block;
	margin: 0px;
}
#pageRead {
	height: 130px;
	margin-top: 30px;
}
#pageRead  h2 {
	font: 18px meiryo, "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight:bold;
	color: #666666;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 7px;
	border-left: 5px solid #666666;
}
#pageRead  h3 {
	font: 16px meiryo, "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight:bold;
	color: #509d01;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 7px;
	border-left: 5px solid #509d01;
}
#pageRead img {
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0px;
	float: left;
}
#pageRead p {
	font-size: 13px;
	line-height: 1.3em;
}
#menuList {
	clear: both;
}
#menuList p {
	font-size: 12px;
	color: #333333;
	margin: 5px;
}
#menuList .menuLeft img ,#menuList .menuRight img {
	margin-top: 1px;
	margin-bottom: 10px;
}


#menuList .menuLeft {
	float: left;
	height: 130px;
	width: 268px;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 2px solid #CCCCCC;
	padding: 2px;
}
#menuList .menuRight {
	height: 130px;
	width: 268px;
	margin-bottom: 20px;
	float: left;
	border: 2px solid #CCCCCC;
	padding: 2px;
}
#priceList table {
	border-collapse:collapse;
	margin-bottom: 20px;
	border-color: #999999;
}

#priceList  table td {
	border-collapse:collapse;
	padding: 4px;
}
#priceList .plan1 {
	background: url(images/plan1.jpg) no-repeat;
	text-indent: -10000px;
	display: block;
	height: 180px;
	width: 570px;
}
#priceList .plan2 {
	background: url(images/plan2.jpg) no-repeat;
	text-indent: -10000px;
	display: block;
	height: 180px;
	width: 570px;
}
#priceList .plan3 {
	background: url(images/plan3.jpg) no-repeat;
	text-indent: -10000px;
	display: block;
	height: 180px;
	width: 570px;
}