/* ================================================================== */
/* === Resolution independent styles ================================ */
/* ================================================================== */

/* Reset */
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var {
	background:transparent ;
	border:0 none ;
	font-size:100% ;
	margin:0 ;
	padding:0 ;
	vertical-align:baseline ;
}


/* HTML5 reset */
article,
aside,
audio,
canvas,
command,
datalist,
details,
embed,
figcaption,
figure,
footer,
header,
hgroup,
keygen,
meter,
nav,
output,
progress,
section,
source,
video {
	display:block ;
}


mark,
rp,
rt,
ruby,
summary,
time {
	display:inline ;
}


/* Custom styles */
/*aside,
div,
dl,
fieldset,
footer,
form,
header,
iframe,
nav,
ul,
ol,
section,
table {
	clear:both ;
	float:left ;
	width:100% ;
}
*/

/* Custom fonts */
@font-face {
	font-family:'ModernPictogramsNormal' ;
	src:url('fonts/modernpictograms/modernpics-webfont.eot') ;
	src:url('fonts/modernpictograms/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/modernpictograms/modernpics-webfont.woff') format('woff'),
	url('fonts/modernpictograms/modernpics-webfont.ttf') format('truetype'),
	url('fonts/modernpictograms/modernpics-webfont.svg#ModernPictogramsNormal') format('svg') ;
	font-weight:normal ;
	font-style:normal ;
}


/* Proper box model */
* {
	-moz-box-sizing:border-box ;
	-webkit-box-sizing:border-box ;
	box-sizing:border-box ;
}

/* For Each Browser */

::-moz-selection {
	
}


::selection {
	
}


/* Global properties ======================================================== */
html {width:100%; height:100%;}

body {
/*	width:1024px ;*/
	width:100% ;
	height:auto ;
	min-width:1024px;
	margin:0 auto 0 ;
	padding:0 ;
	overflow:auto ;
	border : 0px solid #ff0000 ;
/*	background:url(../img/) center top repeat #e7e7e7;*/
	background-color:#ffffff ;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:14px;
	line-height:25px;
	color:#444;
}


.main {
	width:854px; 	
	margin:0 auto;	
	border : 0px solid #99ffff ;
}


/* General styles */

a,
a:visited {
	text-decoration:none ;
	color:#407CD4 ;
}

a:hover,
a:active {
	text-decoration:underline ;
	color:#0096ff ;

	-webkit-transition:all .3s ;
	-moz-transition:all .3s ;
	transition:all .3s ;
}


a:hover {
	
}


a:active {
	
}


a:visited {
	
}


address {
	
}


aside {
	display:block ;
	width:854px ;
	height:auto ;
	margin:0 ;

}


b,
strong {
	
}


blockquote {
	
}


button {
	cursor:pointer ;
}


button:hover {
	
}


button:active {
	
}


caption,
th,
td {
	vertical-align:middle ;
}


h1 {
	font-size:1em ;
	font-weight:normal ;
/*	line-height:100% ;*/
	display:block ;
	width:854px ;
	height:auto ;
	margin:0 auto 0 ;
	padding:0 ;
	border : 0px solid #9999ff ;


}


h2 {
	margin-top:15px ;
}


h3 {
	
}


h4 {
	
}


h5 {
	
}


h6 {
	
}


i,
em {
	
}


img {
	
}


input,
select,
textarea {
	
}


input[type=radio] {
	
}


input[type=checkbox] {
	
}


label {
	
}


li {
	
}


p {
	margin:0 0 1em 0 ;
}


select {
	
}


select option {
	
}


table {
	border:0 ;
	border-spacing:0 ;
	empty-cells:show ;
}


textarea {
	resize:none ;
}


ul,
ol {
	
}






/* ================================================================== */
/* === Responsive styles ============================================ */
/* ================================================================== */

/* Smartphones */
@media only screen and (max-width:469px) {

}

/* Large smartphones */
@media only screen and (min-width:470px) and (max-width:699px) {

}

/* Tablets and landscape large smartphones */
@media only screen and (min-width:700px) and (max-width:1000px) {

}

/* Desktop screens */
@media only screen and (min-width:1200px) and (max-width:1499px) {

}

/* Large screen */
@media only screen and (min-width:1500px) and (max-width:1799px) {

}

/* Very large screen */
@media only screen and (min-width:1800px) {

}

/* **** ORIGINAL COMMON CLASSES **** */

.udbdr {
	border-style:solid ;
	border-color:#555555 ;
	border-width:0 0 1px 0 ;
}





/* ▽▽▽▽▽▽ HEADER ▽▽▽▽▽▽ */

/***** slider *****/
.row-bot {
	width:100%;
}

.slider-wrapper {
	margin:0 auto 50px ;
	width:854px;
	height:315px;
/*	border:1px solid #999999 ;*/
	border : 0px none transparent ;
/*
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
*/
	padding:0 ;
/*	background:url(../images/slider-bg.png) 0 0 no-repeat;*/
	overflow:hidden;
}

.slider {
	width:814px ;
	height:275px ;
	margin:20px ;
/*	border : 0px solid #0000ff ;*/
/*	position:relative;*/
}

ul.items {
	display:none ;
	padding:0 ;
}

ul.items li {
	margin:0 ;
}

/* **** HEAD TOP **** */

.head_top_belt {
	width:100% ;
	height:30px ;
	padding:10px 0 ;
	background-color:#333333 ;
}

.head_top_box {
	width:856px ;
	height:28px ;
	margin:0 auto 0 ;
	padding:0 0 0 5px ;
/*	color:#555555 ;*/
	color:#b2dcff ;
	font-size:0.8em ;
	line-height:1em ;
	text-align:left ;
}


.wrap {
	width:856px ;
	display:block ;
	margin:30px auto 100px ;
	border : 0px solid #00ffff ;
}

/* **** MOST TOP **** */

.topwords {
	font-size:0.8em ;

}


/* **** NAVIGATION MENU **** */

nav {
	display:block ;
	width:856px ;
	height:43px ;
	border : 0px solid #9999ff ;
	padding:0 ;
	margin:30px 0 5px 0 ;
}

#navleft {
	display:block ;
	float:left ;
	width:53px ;
	height:41px ;
	background:url("../img/nav_left.jpg") left center no-repeat transparent ;
	margin:0 ;
}


#navright {
	display:block ;
	float:left ;
	width:53px ;
	height:41px ;
	background:url("../img/nav_right.jpg") left center no-repeat transparent ;
	margin:0 ;
}


ul.topmenu {
	display:block ;
	float:left ;
	width:748px ;
	height:41px ;
	border : 0px solid #ff99ff ;
	margin:0 -2px 0 0 ;

}

ul.topmenu li {
	display:block ;
	float:left ;
	width:auto ;
	height:auto ;
	list-style-type:circle ;
/*	border : 0px solid #9999ff ;*/
}

a#button2index {
	display:block ;
	float:left ;
	width:138px ;
	height:41px ;
	background:url("../img/nav_top.jpg") left center no-repeat transparent ;
	border:0px hidden transparent ;
	text-decoration:none ;
}


a#button2works {
	display:block ;
	float:left ;
	width:156px ;
	height:41px ;
	background:url("../img/nav_works.jpg") left center no-repeat transparent ;
	border:0px hidden transparent ;
	text-decoration:none ;
}


a#button2services {
	display:block ;
	float:left ;
	width:110px ;
	height:41px ;
	background:url("../img/nav_services.jpg") left center no-repeat transparent ;
	border:0px hidden transparent ;
	text-decoration:none ;
}


a#button2about {
	display:block ;
	float:left ;
	width:169px ;
	height:41px ;
	background:url("../img/nav_aboutus.jpg") left center no-repeat transparent ;
	border:0px hidden transparent ;
	text-decoration:none ;
}


a#button2contact {
	display:block ;
	float:left ;
	width:173px ;
	height:41px ;
	background:url("../img/nav_contact.jpg") left center no-repeat transparent ;
	border:0px hidden transparent ;
	text-decoration:none ;
}

a#button2index:hover {
	background:url("../img/nav_top_h.jpg") left center no-repeat transparent ;
}


a#button2works:hover {
	background:url("../img/nav_works_h.jpg") left center no-repeat transparent ;
}


a#button2services:hover {
	background:url("../img/nav_services_h.jpg") left center no-repeat transparent ;
}


a#button2about:hover {
	background:url("../img/nav_aboutus_h.jpg") left center no-repeat transparent ;
}


a#button2contact:hover {
	background:url("../img/nav_contact_h.jpg") left center no-repeat transparent ;
}

/* △△△△△△ HEADER △△△△△△ */

/* ▽▽▽▽▽▽ GREETINGS ▽▽▽▽▽▽ */

/* **** Greetings **** */
.center_message_box {
	width:854px ;
	margin:0 auto 0 ;

}

.center_message_box p {
	display:block ;
	width:100% ;
	margin:20px auto 50px ;
	text-align:center ;
	border : 0px solid #cccccc ;
	color:#222222 ;
}



/* △△△△△△ GREETINGS △△△△△△ */

/* ▽▽▽▽▽▽ TOP MAIN AREA ▽▽▽▽▽▽ */

.lead2click {
	background:url("../img/icon_arrow.png") left top no-repeat transparent ;
	padding:0 0 0 35px ;
	margin:50px 0 10px 0 ;
	display:block ;
	width:854px ;
	font-size:1.2em ;
	letter-spacing:1px ;
	color:#407CD4 ;
	border : 0px solid #cccccc ;
}

.main_banners_box {
	display:block ;
	width:auto ;
	height:auto ;
	margin:0 0 50px 0 ;
	padding:7px 0 7px 0 ;
/*	background-color : #000000 ;*/
	border:1px solid #777777 ;
}

.banners_wrap1,
.banners_wrap2 {
	width:auto ;
	height:auto ;
	margin:0px 0 0px 8px ;
	padding:0 ;
	border : 0px solid #ff9999 ;
}


.banners_wrap1>a.banners2works,
.banners_wrap2>a.banners2works {
	display:block ;
	float:left ;
	width:406px ;
	height:124px ;
	margin:5px 5px 5px 6px ;
	padding:0 ;
}


/* **** キーワードと説明 **** */

#tagbox_wrap {
	width:854px ;
	height:auto ;
	border:1px solid #cccccc ;
}

.tagbox {
	display:block ;
	width:213px ;
	height:auto ;
	padding:10px 0 10px 0 ;
	float:left ;
	border-style:dotted ;
	border-width:0 1px 1px 0 ;
	border-color:#CCCCCC ;
	font-size:0.8em ;
	color:#666666 ;
	text-align:center ;
}

.tagbox a:link,
.tagbox a:active,
.tagbox a:visited {
	color:#407CD4 ;
	text-decoration:none ;
}

/* **** TWITTER WIDGET **** */

section#twwrap {
	display:block ;
	width:854px ;
	height:auto ;
	border : 0px dotted #ffff00 ;
	margin:50px 0 0 0 ;
}

#twleft {
	display:block ;
	float:left ;
	width:302px ;
	height:200px ;
	margin:0 30px 0 0 ;
	border:1px solid #999999 ;
	border-radius:4px ;
	-moz-border-radius:4px ;
	-webkit-border-radius:4px ;
	background:url("../img/bg_tw_left.jpg") center center no-repeat transparent ;
}

#news {
	display:block ;
	width:240px ;
	height:80px ;
	margin:95px 0 0 28px;
	overflow:hidden ;
	border : 0px solid #cccccc ;
	font-size:0.8em ;
	line-height:1.5em ;
	text-align:justify ;
	text-justify:inter-ideograph ;
	color:#333333 ;
	color:#0F6CB2 ;
}

.twbox {
	display:block ;
	float:left ;
	width:520px ;
	height:200px ;
	border : 0px solid #cccccc ;
	margin:0 0 0 0 ;
}


/* **** LINK **** */

section#link_corner ul {
	margin:40px 0 0 0 ;
	list-style:none ;
}

section#link_corner ul>li>a,
section#link_corner ul>li>a:visited {
	text-decoration:none ;
	color:#407CD4 ;
}

section#link_corner ul>li>a:hover,
section#link_corner ul>li>a:active {
	text-decoration:underline ;
	color:#0096ff ;
}

section#link_corner ul>li {
	width:840px ;
	height:auto ;
	padding:0 ;
	margin:0 0 15px 0 ;
	border-style:dotted ;
	border-color:#999999 ;
	border-width:0 0 1px 0 ;
	line-height:1.2em ;
}

section#link_corner ul>li>p {
	font-size:0.8em ;
	line-height:1.2em ;
	margin:5px 0 8px 0 ;
}


/* **** UPDATE INFO **** */

section#update_wrap {
	display:block ;
	width:840px ;
	height:auto ;
	margin:0 auto 0 ;
	border : 0px solid #ff5555 ;
}

.update_box {
	display:block ;
	width:840px ;
	height:150px ;
	margin:15px auto 0 ;
	border:2px solid #cccccc ;
	overflow:auto ;
}

.update_box ul {
	margin:20px 40px 10px 40px ;
	padding:0 ;
	list-style:none ;
}

.update_box ul>li {
	margin:15px 0 5px 0 ;
	padding:0 ;
	line-height:1em ;
	border-style:dotted ;
	border-color:#999999 ;
	border-width:0 0 1px 0 ;

}

.update_box ul>li>p.update_day {
	display:block ;
	float:left ;
	width:100px ;
	margin:0 0 0px 0 ;
	padding:0 0 0 0px ;
	background:url("../img/update_icon.png") center top no-repeat transparent ;
	font-size:0.8em ;
	color:#555555 ;
}

.update_box ul>li>p.update_what {
	display:block ;
	float:left ;
	width:550px ;
	margin:0 ;
	padding:0 ;
	font-size:0.8em ;
	color:#222222 ;

}
/* △△△△△△ TOP MAIN AREA △△△△△△ */

/* ▽▽▽▽▽▽ FOOTER ▽▽▽▽▽▽ */

footer {
/*	width:856px ;*/
	width:100% ;
	height:110px ;
	height:160px ;
	margin:0 auto 0 ;
	padding:10px 0 0 0 ;
	background:url("../img/footerback.jpg") left center repeat-x transparent ;
	background:url("../img/") left center no-repeat #222222 ;
}

a.footer_logo {
	display:block ;
	width:112px ;
	height:52px ;
	margin:0 auto 0 ;
	margin:50px auto 0 ;
	background:url("../img/footerlogo_small.png") left center no-repeat transparent ;
}

p.copy {
	display:block ;
	width:100% ;
	height:auto ;
	border-width:0 0 1px 0 ;
	border-style:solid ;
	border-color:#282828 ;
	text-align:center ;
	font-size:0.7em ;
	color:#555555 ;
}
/* △△△△△△ FOOTER △△△△△△ */


/* ▽▽▽▽▽▽ WORKS ▽▽▽▽▽▽ */
/* ****  **** */

h3.blue {
	background:url("../img/titleback_h3_blue.jpg") left top repeat-x transparent ;
	padding:5px 0 2px 10px ;
	margin:0px 0 10px 0 ;
	display:block ;
	width:auto ;
	height:auto ;
	font-size:1.2em ;
	font-weight:normal ;
	letter-spacing:1px ;
/*	color:#0352b2 ;*/
	color:#ffffff ;
	border-width:0 0 0 30px ;
/*	border-color:#c2d9ff ;*/
	border-color:#333333 ;
	border-style:solid ;
}


h3.red {
	background:url("../img/titleback_h3_red.jpg") left top repeat-x transparent ;
	padding:5px 0 2px 10px ;
	margin:30px 0 10px 0 ;
	display:block ;
	width:auto ;
	height:auto ;
	font-size:1.2em ;
	font-weight:normal ;
	letter-spacing:1px ;
	color:#ffffff ;
	border-width:0 0 0 30px ;
	border-color:#333333 ;
	border-style:solid ;
}


h3.green {
	background:url("../img/titleback_h3_green.jpg") left top repeat-x transparent ;
	padding:5px 0 2px 10px ;
	margin:30px 0 10px 0 ;
	display:block ;
	width:auto ;
	height:auto ;
	font-size:1.2em ;
	font-weight:normal ;
	letter-spacing:1px ;
	color:#ffffff ;
	border-width:0 0 0 30px ;
	border-color:#333333 ;
	border-style:solid ;
}


h3.orange {
	background:url("../img/titleback_h3_orange.jpg") left top repeat-x transparent ;
	padding:5px 0 2px 10px ;
	margin:30px 0 10px 0 ;
	display:block ;
	width:auto ;
	height:auto ;
	font-size:1.2em ;
	font-weight:normal ;
	letter-spacing:1px ;
	color:#ffffff ;
	border-width:0 0 0 30px ;
	border-color:#333333 ;
	border-style:solid ;
}


.corner_descriptions {
	width:850px ;
	font-size:0.9em ;
	line-height:1.5em ;
	color:#000 ;
	padding:10px 0 ;
	margin:0 0 50px 0 ;
}
/* ****  **** */
.customer_name_box_s {
	display:block ;
	padding:1px 0 0 0 ;
	width:854px ;
	height:128px ;
	background:url("../img/bg_introduction_gallery.jpg") left center no-repeat transparent ;
	border : 0px solid #eeeeee ;
}

h4 {
	display:block ;
	width:auto ;
	height:auto ;
	font-size:1.3em ;
	color:#0352b2 ;
	font-weight:normal ;
	margin:28px 0 0 85px ;
	line-height:1em ;
	border : 0px solid #eeeeee ;
}

span.we_developed {
	display:inlne ;
/*	background:url("../img/we_developed.jpg") left top no-repeat #ffffff ;*/
/*	width:80px ;*/
/*	height:auto ;*/
/*	padding:0px 5px ;*/
	margin:0px 0 0 8px ;
	border : 0px solid #ff0000 ;
	color:#ff0000 ;
	font-size:0.2em ;
	line-height:0.5em ;
}

.english_caption {
	display:block ;
	width:auto ;
	height:auto ;
	font-size:0.9em ;
	color:#333333 ;
	font-weight:normal ;
	margin:2px 0 0 85px ;
	line-height:1em ;
	border : 0px solid #eeeeee ;
}

.customer_descriptions {
	display:block ;
	width:auto ;
	height:auto ;
	font-size:0.9em ;
	color:#0090FF ;
	font-weight:normal ;
	margin:8px 30px 0 26px ;
	line-height:1.5em ;
	border : 0px solid #eeeeee ;
}

.lead2click_s {
	width:262px ;
	height:35px ;
	background:url("../img/lead2click_s.jpg") left center no-repeat transparent ;
	margin:20px 0 20px 0 ;
}

/* **** GALLERY **** */

.gallery {
	width:854px ;
	height:auto ;
	padding:1px 0 30px 0 ;
	border-width:0 0 1px 0 ;
	border-style:dotted ;
	border-color:#cccccc ;
	margin:0 0 50px 0 ;
}

.gallerybox_left {
	float:left ;
	width:264px ;
	height:auto ;
	margin:0 0 0 0 ;
	border : 0px solid #ffcccc ;
}

.gallerybox_left a {
	display:block ;
	width:262px ;
	height:166px ;
	border : 0px solid #ccccff ;
}

.gallerybox_left p {
	width:262px ;
	width:auto ;
	padding:0 7px ;
	height:40px ;
	margin:10px 0 15px 0 ;
	font-size:0.8em ;
	line-height:1.4em ;
	color:#328bff ;
	border : 0px solid #ccffcc ;
}

.gallerybox {
	float:left ;
	width:264px ;
	height:auto ;
	margin:0 0 0 30px ;
	border : 0px solid #ffcccc ;

}

.gallerybox a {
	display:block ;
	width:262px ;
	height:166px ;
	border : 0px solid #ccccff ;
}

.gallerybox p {
	width:262px ;
	width:auto ;
	padding:0 7px ;
	height:40px ;
	margin:10px 0 15px 0 ;
	font-size:0.8em ;
	line-height:1.4em ;
	color:#328bff ;

	border : 0px solid #ccffcc ;
}

.up2top {
	display:block ;
	width:840px ;
	height:30px ;
	border : 0px solid #cccccc ;
	margin:0 auto 30px ;
}


.up2top a {
	display:block ;
	font-size:0.9em ;
	width:auto ;
	height:auto ;
	float:right ;
	text-align:right:
	border : 0px solid #ff0000 ;

}
/* ****  **** */


/* ****  **** */


/* △△△△△△ WORKS △△△△△△ */


/* ▽▽▽▽▽▽ SERVICES ▽▽▽▽▽▽ */
/* ****  **** */

div.contents_of_services {
	background-color:#eeeeee ;
	display:block ;
	width:100% ;
	height:auto ;
	padding:1px 0 ;
	margin-bottom:30px ;
}


div.contents_of_services p {
	margin:20px 40px 40px ;
	color:#444444 ;
	font-size:0.9em ;
	width:auto ;
	height:auto ;
	line-height:1.5em ;
	letter-spacing:1px ;
}
/* ****  **** */


/* ****  **** */


/* ****  **** */


/* ****  **** */


/* △△△△△△ SERVICES △△△△△△ */


/* ▽▽▽▽▽▽ ABOUT ▽▽▽▽▽▽ */
/* ****  **** */
dl.company_data {
	margin:20px 0 0 0 ;
	border : 0px solid #ffcccc ;
}


dl.company_data>dt {
	font-size:1.2em ;
	line-height:2em ;
	padding:0 0 0 10px ;
	background-color:#555555 ;
	color:#ffffff ;
	border : 0px solid #ccccff ;
}


dl.company_data>dt:before {
	content:"■" ;
}


dl.company_data>dd {
	margin:0 0 0 33px ;
	padding:15px 0 15px 0 ;
	border : 0px solid #ccffcc ;
}


dl.company_data>dd>a {
	border : 0px solid #ffffcc ;
}


ol.company_data_jigyou {
	list-style:none ;
	display:block ;
	width:auto ;
	margin:15px 0 20px -10px ;
	padding:0 ;
	border : 0px solid #ccffff ;
}


ol.company_data_jigyou>li {
	margin:0 15px 0 0 ;
	padding:0 0 0 0 ;
	border-style:dotted ;
	border-color:#999999 ;
	border-width:0 0 1px 0 ;
}


span.jigyou_txt {
	margin:0 0 0 0.5em ;
}


ul.history {
	display:block ;
	width:auto ;
	margin:10px 0 0 25px ;
	padding:0 ;
	border : 0px solid #ffccff ;
}


ul.history>li {
	margin:0 ;
	padding:0 ;
	border : 0px solid #cccccc ;
}


span.profile_sub {
	font-size:0.9em ;
	color:#777777 ;
	border : 0px solid #fcffcf ;
}



/* **** GOOGLE MAP **** */
#user_gmap {
	width:810px ;
	height:300px ;
	margin:20px auto 20px ;
	border:solid 1px #999999 ;
}


/* ****  **** */


/* ****  **** */


/* ****  **** */


/* △△△△△△ ABOUT △△△△△△ */


/* ▽▽▽▽▽▽ CONTACT ▽▽▽▽▽▽ */
/* ****  **** */
.mailform {
	width:99% ;
	height:auto ;
	margin:15px auto 15px ;
	padding:50px 0 50px 0 ;
	border:1px solid #999999 ;
	background-color:#eeeeee ;
}


.asta_note {
	font-size:0.8em ;
	color:#333333 ;
	margin:0 0 0 74px ;
	padding:0 ;
}


#contact-form {
	width:684px ;
	padding:1px 0 0 0 ;
/*	margin:0 0 0 60px ;*/
/*	margin:0 0 0 34px ;*/
	margin:0 auto 0 ;
	border : 0px solid #ffff00 ;
}


#contact-form fieldset {
	padding:1px 0 0 0 ;
}



#contact-form label {
	display:block; 
	height:40px; 
	overflow:hidden;
	margin:0px 0 15px 0 ;
}


#contact-form .text-form {
	float:left; 
	display:block;
	width:190px ;
	height:auto ;
	padding:10px 0 8px 16px ;
	font-size:0.9em ;
	text-align:left ;
	line-height:1.2em ; 
	color:#ffffff!important;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin:0 15px 0 0 ;
	border-width:3px ;
	border-style:solid ;
	border-color:#cccccc ;
}


#contact-form input {
	float:left; 
	width:280px; 
	font-size:13px; 
	line-height:1.5em;
	color:#0F3688 ;
	padding:6px 7px; 
	margin:0; 
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
/*	border:3px solid #65A7FF ; */
	border:3px solid #cccccc ;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#ffffff ;
	outline:none ;
}


.asta:after {
	content:"*" ;
	color:#ff0000 ;
	margin:0 0 0 5px ;
}

#contact-form textarea {
	float:left;
	height:363px; 
	min-height:363px; 
	max-height:363px; 
	width:473px;
	max-width:473px;
	min-width:473px;
	font-size:13px; 
	line-height:1.5em;
	color:#0F3688 ;
	padding:6px 7px;  
	margin:0 0 15px 0 ; 
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
/*	border:3px solid #65A7FF ; */
	border:3px solid #cccccc ;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#ffffff ;
	overflow:auto;
	outline:none ;
}


#contact-form fieldset .wrapper {
	padding:1px 0 0 0 ;
}


#contact-form fieldset .wrapper .extra-wrap {
	padding:1px 0 0 0 ;
}


div#button_box {
	display:block ;
	margin:0px 0 0 200px ;
	border : 0px solid #0000ff ;
	width:auto ;
	height:50px ;
}


div#button_box a {
	display:inline ;
	float:left ;
	width:195px ;
	height:49px ;
	margin:0 ;
}

/* **** GRADATION **** */

.gra_blue {
	background: #4077df; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwNzdkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjI2NzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #4077df 0%, #022673 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4077df), color-stop(100%,#022673)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4077df 0%,#022673 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4077df 0%,#022673 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4077df 0%,#022673 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4077df 0%,#022673 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4077df', endColorstr='#022673',GradientType=0 ); /* IE6-8 */
}

/* **** THANKS PAGE **** */

.whitespace_large {
	width:100% ;
	height:400px ;
}

.subwords {
	margin:0 0 0 35px ;
}

/* ****  **** */


/* ****  **** */


/* △△△△△△ CONTACT △△△△△△ */


/* ▽▽▽▽▽▽ BLOG ▽▽▽▽▽▽ */

.blog_submessage {
	background-color:#00367a ;
	color:#ffffff ;
	font-size:0.9em ;
	line-height:1.2em ;
	letter-spacing:1px ;
	padding:7px 0 5px 15px ;
	margin:0px 3px 20px 0 ;
}

p.blog_date {
	background:url("../img/calender.png") left center no-repeat transparent ;
	font-size:1em ;
	font-weight:bold ;
	line-height:1.2em ;
	color:#999999 ;
	margin:0px 0px 8px 0px ;
	padding:2px 0px 0px 25px ;
}

h3.todays_title {
	color:#2149b9 ;
	font-size:1.7em ;
	line-height:1em ;
	font-weight:normal ;
	width:auto ;
	height:auto ;
	border-style:solid ;
	border-color:#555555 ;
	border-width:0px 0 2px 0 ;
	padding:0 0 5px 0px ;
	margin:0 ;
}


section.blog_box {
	display:block ;
	width:auto ;
	height:auto ;
	padding:15px 0 30px 0 ;
	margin:0 0 30px 0 ;
	border-style:dotted ;
	border-color:#cccccc ;
	border-width:0px 0 2px 0 ;
}
div.blog_contents {
	text-align:justify ;
	text-justify:inter-ideograph ;
}
span.blog_img_box {
	display:block ;
	float:left ;
	width:402px ;
	height:auto ;
	border:1px solid #999999 ;
	margin:0px 30px 30px 0 ;
	padding:0 ;
	overflow:hidden ;
}

img.blog_images {
	display:block ;
	width:400px ;
	height:250px ;
	margin:5px 0px 0px 0px ;
}


span.blog_img_text_box {
	display:block ;
	width:400px ;
	height:100% ;
	background-color:#333333 ;
	border:1px solid #555555 ;
	padding:0 ;
	margin:0 ;
}


p.blog_img_text {
	font-size:0.8em ;
	line-height:1.2em ;
	color:#ffffff ;
	padding:0 ;
	margin:10px ;
}

p.blogline {
	margin:30px 0 0 0 ;
	font-size:1em ;
	line-height:1.5em ;
	color:#333333 ;
}

/* △△△△△△ BLOG △△△△△△ */


/* ▽▽▽▽▽▽ POPUPS ▽▽▽▽▽▽ */
/* **** subw whole **** */

body#subw1,
body#subw2,
body#subw3,
body#subw4,
body#subw5,
body#subw6,
body#subw7,
body#subw8,
body#subw9,
body#subw10,
body#subw11,
body#subw12,
body#subw13,
body#subw14,
body#subw15,
body#subw16 {
	width:600px ;
	height:700px ;
	min-width:600px;
	margin:0 auto 0 ;
	padding:0 ;
	overflow:auto ;
	border : 0px solid #ff0000 ;
	background-color:#ffffff ;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:14px;
	line-height:25px;
	color:#444;
}

.subw_wrap {
	display:block ;
	margin:0 auto 0 ;
	width:562px ;
	height:auto ;
	border : 0px solid #cccccc ;
}

/* **** subw TOP **** */

header.subw_header {
	width:560px ;
	height:82px ;
	border:1px solid #999999 ;
	margin:20px auto 30px ;
}


div.subw_logo {

}


div.subw_logo a {
	display:block ;
	float:left ;
	width:163px ;
	height:81px ;
	background:url("../img/logo_subwindow.jpg") left center no-repeat transparent ;
}


div.subw_head_right {
	display:block ;
	float:left ;
	width:395px ;
	height:81px ;
	border : 0px solid #cc0000 ;
}


p.subw_title {
	display:block ;
	width:auto ;
	height:auto ;
	padding:10px 0 0px 15px ;
	margin:0 15px 0 0 ;
	font-size:0.9em ;
	color:#555555 ;
	border-width:0 0 1px 0 ;
	border-style:solid ;
	border-color:#999999 ;
}


h1.subw_subject {
	display:block ;
	width:auto ;
	height:auto ;
	padding:0 0 0 15px ;
	margin:15px 0 0 0 ;
	font-size:1.5em ;
	line-height:1em ;
	font-weight:normal ;
	color:#4896ff ;
}



/* **** subw CONTENTS **** */

div.subw_main {
	width:562px ;
	height:auto ;
	margin:0 auto 0 ;
	padding:0 0 0 0 ;
	border : 0px solid #cc0000 ;
}

div.subw_main section {

}

dl.subw_dl {
	display:block ;
	width:560px ;
	height:auto ;
	margin:0 auto 0 ;
	padding:0 0 0 0 ;
	border : 0px solid #0000cc ;
}

dl.subw_dl dt {
	display:block ;
	width:auto ;
	height:auto ;
	margin:30px 0 15px 0 ;
	padding:5px 0 3px 10px ;
	border-width:0 0 0 10px ;
	border-style:solid ;
	border-color:#999999 ;
	font-size:1.1em ;
	line-height:1.2em ;
	font-weight:normal ;
	color:#4896ff ;
}

dl.subw_dl dd {
	display:block ;
	width:auto ;
	height:auto ;
	margin:5px 0 0 0 ;
	padding:0 0 0 20px ;
	font-size:0.9em ;
	font-weight:normal ;
	color:#444444 ;
	border : 0px solid #00cccc ;
}

dl.subw_dl>dd>a {
	font-size:1.0em ;
	font-weight:normal ;
	color:#0352b2 ;
	text-decoration:underline ;
}



/* **** subw FOOTER **** */

footer.subw_footer {
	display:block ;
	width:520px ;
	height:auto ;
	margin:50px auto 0 ;
	padding:10px 0 10px 0 ;
	border-width:1px 0 0 0 ;
	border-style:solid ;
	border-color:#999999 ;
	background:url("") ;
}

p.subw_copy {
	text-align:center ;
	font-size:0.8em ;
	color:#999999 ;
}

/* **** SUB TABLE **** */

table.sub_table caption {
	background-color:#333333 ;
	padding:10px 5px 5px 5px ;
	font-size:1em ;
	letter-spacing:2px ;
	color:#ffffff ;
}

table.sub_table {
	margin:0 auto 0 ;
	padding:5px ;
	*border-collapse: collapse; /* IE7 and lower */
	border-collapse: collapse ;
	background-color:#ffffff ;
	color:#555555 ;
	border:4px solid #333333 ;
}

.f_stcol {
	background-color:#555555 ;
	*border-collapse: collapse; /* IE7 and lower */
	border-collapse: collapse ;
	border-width:0 0 1px 0 ;
	border-color:#ffffff ;
	border-style:solid ;
	color:#ffffff ;
	text-align:center ;
}

.last_left_cel {
	background-color:#555555 ;
	*border-collapse: collapse; /* IE7 and lower */
	border-collapse: collapse ;
	border-width:0 0 1px 0 ;
	border-color:#555555 ;
	border-style:solid ;
	color:#ffffff ;
	text-align:center ;
}

table.sub_table>tbody>tr>td {
	padding:15px ;
}

.sub_list {
	margin:0 0 0 30px ;
}
/* △△△△△△ POPUPS △△△△△△ */


/* ▼2017年04月追加分▼ */

/* トップページゴミステーション表紙部分 */
/* **** ClearFix **** */

.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}


.clearfix:after {
	clear: both;
}


.clear {
	clear:both;　/*floatの解除*/
}


/* ▽アニメーション▽ */
#animated-example { 
   background: #cd4436; 
   height: 200px; 
   margin: 20px auto; 
   width: 300px; 
   box-shadow: inset 0 0 7px rgba(0,0,0,0.7); 
}

.animated { 
    animation-duration: 3s; 
    animation-fill-mode: both; 
    animation-iteration-count:infinite; 
} 

@keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
    40% {transform: translateY(-30px);} 
    60% {transform: translateY(-15px);} 
} 

.bounce { 
    animation-name: bounce; 
}



/* △アニメーション△ */

.frontcover_contact {
	width:854px ;
	margin:0 auto 0 ;
}


img.g_f_c_l {
	display:block ;
	width:343px ;
	height:86px ;
	float:left ;
	margin:5px 0 0 95px ;
}


div.g_f_c_r {
	display:block ;
	width:343px ;
	height:auto ;
	float:left ;
	margin:0 0 0 25px ;
/* 	border:1px solid #ff0000 ; */
}


div.g_f_c_r p {
	font-family:"HGPｺﾞｼｯｸE","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color:#000000 ;
	font-size:1.2em ;
/* 	font-weight:bold ; */
}


div.g_f_c_r p span.hosoku {
	font-size:0.8em ;
	color:#777777 ;
}


span.black {
	color:#333333 ;
}