body {
	width: auto;
	background: url("/images/bodybg.png") repeat-x scroll 0 0 transparent;
	background-color: #fff;
	margin: 0;
	padding:0;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-align: center;
	background-image: url(../images/bg_body_skyblue.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

a {color:#da7b3d; text-decoration: none;}

a:hover {color:#000;}	

img {border-style: none;}

#container-back-top {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-image: url(../images/bg_top.png);
	background-repeat: repeat-x;
}

#container-back-btm {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-image: url(../images/bg_btm.png);
	background-repeat: repeat-x;
	background-position: bottom center;
}

#container { margin-left: auto;	margin-right: auto;	width: 960px;}

#nav {height: 36px; padding-top: 15px; font-size: 14px;display: none;}

/* typography */
.orange {color: #da7b3d;}
.orange_bold {color: #da7b3d; font-style:bold;}
.orange_italic {color: #da7b3d; font-style: italic;}

/* index page css */
#showcase {height: 346px; width: 710px;	margin-left: auto; margin-right: auto;}

#top {height: 200px; width: 710px; margin-left: auto; margin-right: auto;}

#top_text {height: 155px; width: 710px; margin-left: auto; margin-right: auto; background-image: url(../images/top_text_kanji.png);background-repeat: no-repeat;background-position: top left;}

#top_text_main {height: 155px; width: 655px;margin-left: 55px;}
.txt_col_left {height: 155px; width: 295px; float: left;margin-right: 15px; text-align: justify;}
.txt_col_right {height: 155px; width: 345px; float: left; text-align: justify;}

#logos {height: 65px; width: 710px; margin-left: auto; margin-right: auto;}
.logo100 {height: 65px; width: 100px; float: left; margin-left: 9px; margin-right: 9px;}
#logo100_m2iw {height: 65px; width: 100px; float: left; margin-left: 9px; margin-right: 9px;}
#logo100_m2aw {height: 65px; width: 100px; float: left; margin-left: 9px; margin-right: 9px;}
#logo100_m2mw {height: 65px; width: 100px; float: left; margin-left: 9px; margin-right: 9px;}
#logo100_m2bzw {height: 65px; width: 100px; float: left; margin-left: 9px; margin-right: 9px;}
#logo100_m2bw {height: 65px; width: 100px; float: left; margin-left: 9px; margin-right: 9px;}
#logo100_m2nw {height: 65px; width: 100px; float: left; margin-left: 9px; margin-right: 9px;}

#center_grid3 {width: 710px; height: 300px; border-bottom: 10px solid black; margin-left: auto; margin-right: auto;}
.center_grid3_work {width: 200px; height: 200px; float: left; margin-left:30px;}
#center_work_btm {width: 710px; height: 30px; margin-top: 200px;background-image: url(../images/bg_center_work_btm.png); background-repeat: no-repeat;}

#bottom {width: 710px; height: 315px; margin-left: auto; margin-right: auto;}
.bottom_grid3 {width: 200px; height: 315px; float:left; margin-left: 30px; background-image: url(../images/bg_bottom_grid3.png);background-repeat: repeat-x; background-position: bottom;}
.bottom_grid3_title {width: 200px; height: 20px; margin-top: 30px; margin-bottom:15px;}
.bottom_grid3_icon {width: 50px; height: 50px; float:left;}
.bottom_grid3_twitter_user {width: 150px; height: 45px; padding-top: 5px; font-size: 10px; line-height: 12px; text-align: left;}

.tweet_block {height: 175px; margin-left: 5px; margin-right: 5px; text-align: left;}
.tweet_date {font-size: 10px; font-weight: bold;}
.tweet_user {color: #da7b3d; font-style: italic; font-size: 9px;}
.tweet {margin-top: 0px; font-size: 10px; line-height: 12px;}

.blog_block_top {margin-left: 5px; margin-right: 5px; text-align: left;}
.blog_date_top {font-size: 10px; font-weight: bold;}
.blog_title_top {font-size: 12px;}
.blog_user_top {font-style: italic; font-size: 9px;}
.blog_post_top {margin-top: 10px;}
.blog_post_top p {font-size: 10px; line-height: 12px; }
.blog_post_top_readmore {font-size: 9px; font-weight: bold;}

.contact_block_top {height: 180px; text-align: left; margin-left: 10px;}
.contact_block_top_company {font-size: 14px;}
.contact_block_top p {font-size: 11px; line-height: 13px;}
.contact_block_top_btn {margin-top: 30px;}

#footer {width: 710px; height: 110px; margin-left: auto; margin-right: auto;}
.index_footer {width: 710px; height: 30px; text-align:left; margin-left: 23px; margin-top: 45px; float: left;}
.index_footer_info {float: left; color: #da7b3d; font-size: 10px; font-style:italic;}
.index_footer_eelogo {float: left; margin-top: -6px;}
.index_footer_mtlogo {float: left; margin-top: -4px;}
#copyright{font-size: 10px; margin-top:10px; }

/* index page sliders */
#panel_m2iw {width: 710px; height: 200px; background-image: url(../images/bg_panel_m2iw.png); margin-left: auto; margin-right: auto; display: none; text-align: left;}
#panel_m2aw {width: 710px; height: 200px; background-image: url(../images/bg_panel_m2aw.png); margin-left: auto; margin-right: auto; display: none; text-align: left;}
#panel_m2mw {width: 710px; height: 200px; background-image: url(../images/bg_panel_m2mw.png); margin-left: auto; margin-right: auto; display: none; text-align: left;}
#panel_m2bzw {width: 710px; height: 200px; background-image: url(../images/bg_panel_m2bzw.png); margin-left: auto; margin-right: auto; display: none; text-align: left;}
#panel_m2bw {width: 710px; height: 200px; background-image: url(../images/bg_panel_m2bw.png); margin-left: auto; margin-right: auto; display: none; text-align: left;}
#panel_m2nw {width: 710px; height: 200px; background-image: url(../images/bg_panel_m2nw.png); margin-left: auto; margin-right: auto; display: none; text-align: left;}

.panel_title {width: 685px; margin-top: 35px; margin-left: 20px;float: left;}
.panel_catchcopy {width: 685px; float: left; font-size: 20px; margin-top: 5px; margin-left: 20px;}
.panel_short_text {width: 685px; float: left; margin-top: 10px; margin-left: 20px;}
.panel_readmore {float: left; margin-left: 20px; margin-top: 20px;}
#panel_m2iw p, #panel_m2aw p, #panel_m2mw p, #panel_m2bzw p, #panel_m2bw p, #panel_m2nw p {margin:0px;}

/* m2pages */
#showcase_m2pages {height: 250px; width: 710px;	padding-top: 40px; margin-left: auto; margin-right: auto;}
.showcase_catchcopy {margin-top: 40px;}

#main_page_section {min-height: 400px; width: 710px; margin-left: auto; margin-right: auto; text-align:left; margin-bottom: 40px;}
.main_page_blockquote {width: 220px; margin-right: 10px; float: left; text-align: justify; font-size: 21px; line-height: 26px;}

.m2pages_lower_photo_block {width: 200px; height: 200px; float:right;}

.m2pages_ul {font-size: 12px; margin-left: -25px;}
.m2pages_ul li {margin-left: 0px;}
.li_item_blue {font-size: 18px; color: #6091c1;}

/* contact page */
.contact_left {width: 200px; margin-left:30px; margin-right:30px; text-align: left; float: left;}
.contact_right {width: 455px; text-align: left; margin-left: 260px;}
#contact_form_name {width: 455px; height: 53px; margin-bottom: 10px; background-image:url(../images/bg_contact_name.png);}
#contact_form_mail {width: 455px; height: 53px; margin-bottom: 10px; background-image: url(../images/bg_contact_mail.png);}
#contact_form_message {width: 455px; height: 303px; margin-bottom: 10px; background-image: url(../images/bg_contact_message.png);}
#from {background-color: transparent; border: none; height: 26px; font-size: 18px; margin-left: 63px; margin-top: 14px; padding-left: 10px;}
#mail {background-color: transparent; border: none; height: 26px; font-size: 16px; margin-left: 120px; margin-top: 15px; padding-left: 10px;}
#message {background-color: transparent; border: none; height: 250px; font-size: 14px; margin-left: 18px; margin-top: 35px; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,Helvetica,sans-serif;}

/* footer */
.footer_nav {width: 710px; height: 30px; margin-top: 45px; float: left;}
.footer_info {font-size: 10px;}

