#main { width:850px; margin:0 auto; text-align:left;}
/* #header {height:388px; background:url(images/header-bg.jpg) no-repeat 0 172px;}*/
#content {padding:20px 0 33px 0;}
#footer { height:80px; border-top:1px solid #f1f1f1; padding:27px 0 0 2px;}

.col-1, .col-2, .col-3 {float:left;}
.container {width:100%; overflow:hidden;}

/* ============================= page1 ===========================*/

#page1 .line1 {background:url(images/line.gif) repeat-y 566px 0; width:100%;}
#page1 .col-1 {width:284px;}
#page1 .col-2 {width:252px;}
#page1 .col-3 {width:268px;}

/* ============================= page2 ===========================*/

#page2 .line1 {background:url(images/line.gif) repeat-y 282px 0; width:100%;}
#page2 .col-1 {width:295px;}
#page2 .col-2 {width:200px;}
#page2 .col-3 {width:284px;}

/* ============================= page3 ===========================*/

#page3 .col-1 {width:249px;}
#page3 .col-2 {width:284px;}
#page3 .col-3 {width:242px;}

/* ============================= page4 ===========================*/

#page4 .line1 {background:url(images/line.gif) repeat-y 566px 0; width:100%;}
#page4 .col-1 {width:284px;}
#page4 .col-2 {width:250px;}
#page4 .col-3 {width:242px;}

/* ============================= page5 ===========================*/

#page5 .line1 {background:url(images/line.gif) repeat-y 282px 0; width:100%;}
#page5 .col-1 {width:243px;}
#page5 .col-2 {width:252px;}
#page5 .col-3 {width:284px;}

/* ============================= page6 ===========================*/

#page6 .col-1 {width:200px;}
#page6 .col-2 {width:611px;}

/* ============================= page7 ===========================*/

#page7 .col-1 {width:249px;}
#page7 .col-2 {width:284px;}
#page7 .col-3 {width:263px;}




 /* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#FFFFFF;
	text-align:center;
}

.group {
display:inline-block;
}

.gruop:after {
content:;".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em; 
line-height:0;
clear:both;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

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


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.813em;
		line-height:1.154em;
		color:#646464;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#a8c000;}
a:hover{text-decoration:none;}
p {padding-top:20px;}
strong {color:#a8c000; font-size:0.823em; line-height:1.364em;}

/* ============================= main layout ====================== */

cite {font-style:normal;}

.link {background:url(images/link-tail-bg.gif) top repeat-x; display:block; float:left; margin-top:13px; color:#fff; text-decoration:none; font-size:0.846em; line-height:1em;}
.link span {background:url(images/link-right-bg.gif) top right no-repeat; display:block;}
.link span span {background:url(images/link-left-bg.gif) top left no-repeat; padding:5px 20px 6px 20px;}
.link:hover {background:url(images/link-tail-bg-hover.gif) top repeat-x; color:#000; text-decoration:none !important;}
.link:hover span {background:url(images/link-right-bg-hover.gif) top right no-repeat;}
.link:hover span span {background:url(images/link-left-bg-hover.gif) top left no-repeat;}

.link2 {background:url(images/link2-tail-bg.gif) top repeat-x; display:block; float:left; margin-top:13px; color:#fff; text-decoration:none; font-size:0.846em; line-height:1em;}
.link2 span {background:url(images/link2-right-bg.gif) top right no-repeat; display:block;}
.link2 span span {background:url(images/link2-left-bg.gif) top left no-repeat; padding:6px 15px 6px 15px;}
.link2:hover {background:url(images/link2-tail-bg-hover.gif) top repeat-x; color:#000; text-decoration:none !important;}
.link2:hover span {background:url(images/link2-right-bg-hover.gif) top right no-repeat;}
.link2:hover span span {background:url(images/link2-left-bg-hover.gif) top left no-repeat;}

li { background:url(images/list-bg.gif) no-repeat 0 7px; padding-left:13px; font-size:0.846em; line-height:1.818em; font-weight:bold;}
li a {text-decoration:none;}
li a:hover {text-decoration:underline;}

.pricelist li {background:url(images/pricelist-bg.gif) bottom left repeat-x; padding:0; line-height:2em;}
.pricelist li span {background:#fff; float:right; font-size:1.182em; font-weight:normal;}
.pricelist li a {background:#fff;}
.pricelist li a:hover {text-decoration:none; color:#646464;}

.imgindent {margin:0 20px 0 0; float:left;}
.title {margin-bottom:30px;}
.title2 {margin-bottom:25px;}

/* ============================= header ====================== */

#header .row1 {border-bottom:1px solid #f1f1f1; padding:20px 0 16px 0;}
#header .pdf {background:url(images/pdf-bg.gif) no-repeat 0 0; display:block; float:right; font-size:11px; color:#fff; text-decoration:none; padding:8px 18px 9px 41px;}
#header .pdf:hover {text-decoration:underline;}
#header .menu {padding-top:20px;}

/* ============================= content ====================== */

.anti-line {background:url(images/anti-line.gif) top repeat-x;}
.box {background:#f7f9e5 url(images/box-corner-bottom-right.gif) bottom right no-repeat;}
.box .corner-bottom-left {background:url(images/box-corner-bottom-left.gif) bottom left no-repeat;}
.box .corner-top-right {background:url(images/box-corner-top-right.gif) top right no-repeat;}
.box .corner-top-left {background:url(images/box-corner-top-left.gif) top left no-repeat; width:100%;}
.box .indent {padding:27px 16px 49px 15px;}

.col-pad1 {padding-right:15px;}
.col-pad2 {padding-right:31px;}
.col-pad3 {padding:0 41px 0 15px;}
.col-pad4 {padding:0 20px 0 15px;}
.padding1 {padding-top:27px;}
.padding2 {padding-top:5px;}
.padding3 {padding-top:15px;}
.padding4 {padding-bottom:15px !important;}
.padding5 {padding-left:15px;}
.margin1 {margin-bottom:10px;}
.margin2 {margin-top:15px;}
.gallery {margin-right:-17px;}
.gallery img {margin:0 17px 17px 0;}
.img-block {background:#f7f9e5 url(images/box-corner-bottom-right.gif) bottom right no-repeat;}
.img-block .corner-bottom-left {background:url(images/box-corner-bottom-left.gif) bottom left no-repeat; width:100%;}
.img-block a {font-size:0.825em; color:#646464; text-decoration:none;}
.img-block a:hover {text-decoration:underline;}
.img-block .link, .img-block .link2 {color:#fff; margin-top:0; float:right;}
.img-block .indent {padding:8px 11px 9px 15px;}
.line {border-top:1px solid #f1f1f1; margin-top:15px; padding-top:11px;}
.line2 {border-top:1px solid #f1f1f1; margin-top:15px; padding-top:11px;}
.phone {float:right; margin-right:60px;}


#page8 p {padding-top:16px;}

/* ============================= footer ====================== */

div.footer_left {
float: left;
width: 500px;
font-size: 11px;
}

div.footer_right {
width: 300px;
float: right;
text-align: right;
font-size: 11px;
} 


/* ============================= forms ============================= */

#ContactForm {padding:20px 0 0 0;}
#ContactForm .rowi {height:30px;}
#ContactForm .rowt {height:200px;}
#ContactForm .link {margin:20px 0 0 10px; float:right;}

.input {width:196px; height:15px; border:1px solid #7d7d7d; background:none; padding:0 0 0 5px; font-size:1em; float:right;}
textarea {width:196px; height:122px; border:1px solid #7d7d7d; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}


/* ============================= 追加 ============================= */

dl.news_side dt {

}

dl.news_side dd {
margin: 5px;
padding-bottom: 10px;
border-bottom: solid 1px #F7FFAF;
 }

dl.news dt {
padding-bottom: 5px;
border-bottom: solid 1px #cccccc;
font-weight: bold;
}

dl.news dd {
margin-top: 10px;
padding-bottom: 40px;
 }

div.magazine_box {
width: 600px;
padding-bottom: 30px;
}

div.magazine_box table.entryimage {
width: 90px;
float: left;
}

div.magazine_box div.magazine_box_right {
width: 410px;
float: left;
margin-left: 10px;
}

div.magazine_box div.magazine_box_right dl dt {
background: #e9e9e9;
border-left: solid 3px #999999; 
padding: 2px 0px 2px 10px;
font-weight: bold;
width: 488px;
}

div.magazine_box div.magazine_box_right dl dd {
margin-top: 10px;
padding: 0px 13px;
width: 475px;
}

table.col2 {
width: 582px;
border-top: solid 1px #cccccc;
border-left: solid 1px #cccccc;
border-collapse:collapse;
margin-top: 20px;
}

table.col2 td {
padding: 10px;
}

table.col2 td.tdleft {
width: 20%;
padding: 7px;
background: #e6e6e6;
font-weight: bold;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
}

table.col2 td.tdright {
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
}

h3.ttl_magazine {
padding: 5px 8px;
font-weight: bold;
background: #d6d6d6;
margin-bottom: 20px;
border-left: solid 5px #000000;
}

table#mail {
margin-top: 20px;
}

table#mail th {
padding: 5px;
padding-right: 20px;
}

table#mail td {
width: 80%;
padding: 5px;
padding-right: 20px;
}

table#mail td.mailtd input {
border: solid 1px #999999;
}

table#mail td.mailtd textarea {
width: 90%;
border: solid 1px #999999;
}

table#mail th.mailbottom {
text-align:center;
}


/*-------------- MEDIA SPACE START --------------*/

h2#media_space {
	width: 582px;
	height: 28px;
	background-image: url(../images/midashi_media_space.gif);
	background-repeat: no-repeat;
	margin-top: 40px;
	margin-bottom: 20px;	
}

/*-------------- MEDIA SPACE END --------------*/

/*-------------- MEDIA HOWTO START --------------*/

h2#media_howto {
	width: 582px;
	height: 28px;
	background-image: url(../images/midashi_media_howto.gif);
	background-repeat: no-repeat;
	margin-top: 40px;
	margin-bottom: 20px;	
}

h3.green {
	font-size: 13px;
	text-align: left;
	color: #7bc523;
	margin-top: 15px;
	margin-bottom: 15px;
}

span.bold {
	font-weight: bold;
}

div.howto_box {
	width: 582px;
	margin: 15px auto 40px auto;
}

div.howto_box:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

div.howtobox_small_left {
	width: 112px;
	float: left;
	padding-left: 26px;
}

div.howtobox_small_right {
	width: 112px;
	float: left;
	margin-left: 26px;
}

div.howtobox_big_left {
	width: 218px;
	float: left;
	padding-left: 60px;
}

div.howtobox_big_right {
	width: 218px;
	float: left;
	margin-left: 30px;
}


/*-------------- MEDIA HOWTO END --------------*/
/*-------------- CONTACT START --------------*/

h2#contact {
	width: 582px;
	height: 28px;
	background-image: url(../images/midashi_contact.gif);
	background-repeat: no-repeat;
	margin-top: 40px;
	margin-bottom: 20px;	
}



/*-------------- CONTACT END --------------*/

/* ============================= 追加 koshi ============================= */

h2#aboutus_1 {
	width: 582px;
	height: 28px;
	background-image: url(./images/midashi_aboutus_01.gif);
	background-repeat: no-repeat;
	margin-top: 50px;
	margin-bottom: 20px;	
}
h2#aboutus_2 {
	width: 582px;
	height: 28px;
	background-image: url(./images/midashi_aboutus_02.gif);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-bottom: 20px;	
}

div.btn_detail_2 {
	margin-top: 10px;
}

div.btn_detail_2 p {
	float: left;
	font-size: 13px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 415px;
}

h2#aboutus_3 {
	width: 582px;
	height: 28px;
	background-image: url(./images/midashi_aboutus_03.gif);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-bottom: 20px;	
}

div#jigyou_naiyou {
	margin-bottom: 40px;
	text-align: left;
}

ul#naiyou_syousai li {
	margin-bottom: 5px;
}

h2#creative_1 {
	width: 582px;
	height: 28px;
	background-image: url(./images/midashi_creative_01.gif);
	background-repeat: no-repeat;
	margin-top: 30px;
	margin-bottom: 20px;	
}

h2#creative_2 {
	width: 582px;
	height: 28px;
	background-image: url(./images/midashi_creative_02.gif);
	background-repeat: no-repeat;
	margin-top: 50px;
	margin-bottom: 20px;	
}

h2#creative_3 {
	width: 582px;
	height: 28px;
	background-image: url(./images/midashi_creative_03.gif);
	background-repeat: no-repeat;
	margin-top: 50px;
	margin-bottom: 20px;	
}

p#creative_top {
	font-size: 14px;
	margin-top: 30px;
	text-align: left;
}

p.creative_text {
	text-align: left;
	margin-bottom: 20px;
	line-height: 140%;
}