/* Getting the new tags to behave */
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 }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.caps{ text-transform:uppercase}

/* Global properties ======================================================== */

body{ background: url(../images/bg_top.gif) top repeat-x #fff; border:0; font:12px "Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック", sans-serif; color:#717171; line-height:18px;}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 980px; }
.body1{ background:#f5f5f5;
text-align:center;}

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

a{ color:#3a9ac9; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}

/*h1〜2変更▽20110514*/
h1{ font-size:10px; color:#000; font-weight:400; text-transform:uppercase}
h2{ font-weight:400; font-size:10px; padding:0px 0 16px 0;letter-spacing: 0em;}
h3{
	font-size:24px;
	color:#505050;
	font-weight:bold;
	line-height:29px;
	font-weight:400;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
p{ padding-bottom:14px;}
.letter_spacing{ letter-spacing:-1px;}
/* ============================= header ====================== */
header{}

.top{
	width:600px;
	float:right;
	font-size:10px;
	font-weight:normal;
	color:#828282;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#top_nav{ float:right;}
#top_nav li{ float:left; padding-right:8px; background:url(../images/line_top.gif) right 6px no-repeat; margin-right:6px;}
#top_nav li a{ text-transform:uppercase; color:#828282; text-decoration:none}
#top_nav li a:hover{ color:#3a9ac9;}
#top_nav .bg_none{ background:none; padding:0; margin:0}

#date{
	float:right;
	padding-right:12px;
	padding-left:19px;
	background-image: url(../images/img_top.jpg);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-bottom: 9px;
}


#icons{ float:right; padding-top:19px; padding-left:17px;}
#icons li{ float:left; padding-left:4px;}

#search{ float: right; background:url(../images/search.gif) no-repeat; width:193px; margin-top:16px}
#search .submit{ float:right; height:29px; width:39px; cursor:pointer; background:none}
#search .input{ float:right; background:none; width:134px; color:#5d5d5d; font:12px "Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック", sans-serif; height:15px; padding:7px 10px;}

#logo{ display:block; padding-left:94px; background:url(../images/logo.gif) 0 17px no-repeat; color:#313131; text-decoration:none}
#logo span{ display:block; font-size:48px; line-height:58px; text-transform:uppercase; margin-top:-26px; font-weight:900}
#slogan{ float:left; font-size:21px; color:#919191; font-weight:400; line-height:26px; padding:82px 0 0 5px; width:280px;}
#slogan span{ float:left;margin-top:-8px;}

#menu { width:100%; overflow:hidden; padding-top:1px; 
margin-top:1px;}
#menu li { float:left; padding-right:1px;}
#menu li a{ display:block; font-size:16px; color:#1e1e1e; font-weight:400; text-transform:uppercase; text-decoration:none; width:139px; background:#e6e6e6; line-height:41px; text-align:center}
#menu li a span{ display:block; background:url(../images/menu_left.gif) top left no-repeat}
#menu li a span span{ background:url(../images/menu_right.gif) top right no-repeat}
#menu li a:hover, #menu #menu_active a{ color:#fff; background:url(../images/menu_bg_active.gif) top repeat-x}
#menu li a:hover span, #menu #menu_active a span{ background:url(../images/menu_left_active.gif) top left no-repeat}
#menu li a:hover span span, #menu #menu_active a span span{ background:url(../images/menu_right_active.gif) top right no-repeat}

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

#content{  width:100%; overflow:hidden; padding-top:17px; padding-bottom:20px;
margin:0 auto;
}

.pad_left1{ padding-left:28px;}
.pad_left2{ padding-left:48px;}
.pad_left3{ padding-left:60px;}
.pad_bot1{ padding-bottom:15px;}
.pad_bot2{ padding-bottom:2px;}
.marg_right1{ margin-right:10px;}
.marg_right2{
	margin-right:30px;
	margin-left: 30px;
}
.marg_right3{ margin-right:16px;}
.marg_top{ margin-top:9px}
.marg_top2{ margin-top:32px}

.box1{
	background-color: #FFFFFF;
}
.box1_top{ background:url(../images/box1_top.gif) top repeat-x}
.box1_bot{ background:url(../images/box1_border.gif) bottom repeat-x}
.box1_left{ background:url(../images/box1_border.gif) left repeat-y}
.box1_right{ background:url(../images/box1_border.gif) right repeat-y}
.box1_top_left{ background:url(../images/box1_top_left.gif) top left no-repeat}
.box1_top_right{
	width:100%;
	padding-bottom:20px;
	background-repeat: no-repeat;
	background-position: right top;
}
.box1_bot_left{ background:url(../images/box1_bot_left.gif) bottom left no-repeat}
.box1_bot_right{ background:url(../images/box1_bot_right.gif) bottom right no-repeat} 
.box1 .pad{ padding:0 8px 0 8px}
.box1 h2{ color:#fff; padding:11px 0 14px 9px}


.buttons2 li a{ width:75px;}
.buttons{ padding:4px 0 15px 0; width:100%; overflow:hidden}
.buttons li{ float:left; padding-right:2px;}
.buttons .none{ padding:0}
.buttons a{ font-weight:bold; width:115px; text-align:center; color:#fff; text-decoration:none; line-height:40px; display:block; background:#424242;}
.buttons a span{ display:block; background:url(../images/button1_left.gif) top left no-repeat}
.buttons a span span{ background:url(../images/button1_right.gif) top right no-repeat}
.buttons li .active, .buttons li a:hover{ background:#76a3b3}
.buttons li .active span, .buttons li a:hover span{ background:url(../images/button1_left_active.gif) top left no-repeat}
.buttons li .active span span, .buttons li a:hover span span{ background:url(../images/button1_right_active.gif) top right no-repeat}

.font1{ font-weight:bold; color:#3498cb}
.font2{ font-weight:bold; color:#5a5959}

.color1{ color:#424242}
.color2{ color:#181818}

.bg{
	background:#fff;
	margin-top: 11px;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 1px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 8px;
}
.bg img{ padding-top:1px; padding-bottom:10px}

.table{ width:100%; overflow:hidden; margin-bottom:14px;}
.table .tr{ padding:0 0 3px 8px;}
.table .td1{ width:70px; float:left;}
.table .td2{ width:90px; float:left;}

.bg2{ background:#e7f5fd; border-bottom:3px solid #eff8fe; color:#414141; padding:10px 8px 10px 8px}
.bg2 span{ color:#f1911a}

.under1{ padding-bottom:5px; background:url(../images/line_hor2.gif) bottom repeat-x; margin-bottom:2px;}
.under2{ padding-bottom:27px; background:url(../images/line_hor1.gif) bottom repeat-x; margin-bottom:10px;}

.list1 li{ padding-bottom:5px; background:url(../images/line_hor1.gif) bottom repeat-x; margin-bottom:5px;}
.list1 li a{ font-weight:bold; color:#3a3a3a; padding-left:12px; background: url(../images/marker_1.gif) 0 4px no-repeat; text-decoration:none}
.list1 li a:hover{ color:#3a9ac9}

.list2{ margin-top:-3px;}
.list2 li{ line-height:24px;}
.list2 li a{ padding-left:22px; background:url(../images/marker_3.gif) 0 5px no-repeat}

.link1{ display:inline-block; color:#181818; font-weight:bold; padding-right:13px; background:url(../images/marker_2.gif) right 6px no-repeat; text-decoration:none}
.link1:hover{ text-decoration:underline}

.text1{ display:block; padding:47px 0 25px 0; font-size:30px; line-height:36px; color:#717171; font-weight:400}
.text1 strong{ font-weight:700; color:#373737}
.text1 span{ display:block; margin-top:-6px}

.text2{ display:block; font-weight:900; font-size:24px; line-height:29px; color:#000000; text-transform:uppercase; padding:10px 0 14px 92px}
.text2 span{ display:block; font-weight:400; color:#6b6b6b; margin-top:-5px;}

.img1{ background:url(../images/page1_img1.jpg) 0 0 no-repeat}
.img2{ background:url(../images/page1_img2.jpg) 0 0 no-repeat}

.button{ display:inline-block; font:12px "Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック", sans-serif; color:#fff; text-decoration:none; line-height:28px; background:url(../images/button2_bg.gif) top repeat-x}
.button span{ display:block; background:url(../images/button2_left.gif) top left no-repeat}
.button span span{ padding:0 8px; background:url(../images/button2_right.gif) top right no-repeat}
.button:hover{ color:#000}

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

footer { padding-bottom:28px; color:#5b5b5a}
footer a{ text-decoration:none;  color:#5b5b5a}
footer a:hover{ text-decoration:underline}

.list3 li{ padding-bottom:4px; background:url(../images/line_hor3.gif) bottom repeat-x; margin-bottom:6px;}
.list3 li a{ font:12px "Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック", sans-serif; color:#3a9ac9; font-weight:bold; color:#3a9ac9; text-decoration:none; padding-left:13px; background:url(../images/marker_4.gif) 0 3px no-repeat}
.list3 li a:hover{ color:#505050}

.newsletter{ width:270px; float:right;}

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

#form_1{ padding-bottom:39px; margin-top:-6px;}
#form_1 a{ text-decoration:underline}
#form_1 a:hover{ text-decoration:none}
#form_1 .button{ float:right; font:12px "Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック", sans-serif; color:#fff; line-height:23px; width:67px; text-decoration:none; background:url(../images/button3.gif) no-repeat; text-align:center}
#form_1 .bg{ background:url(../images/input1.gif) no-repeat; margin:0; padding:0; margin-bottom:10px;}
#form_1 .input{ background:none; height:15px; padding:3px 7px; width:239px; font:12px "Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック", sans-serif; color:#6f6f6f;}

#form_2{ padding-bottom:30px;}
#form_2 .bg{ margin:0; padding:0; background:url(../images/input2.jpg) no-repeat; margin-bottom:6px;}
#form_2 .input{ background:none; height:14px; padding:6px 7px; width:185px; font:12px "Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック", sans-serif; color:#6f6f6f;}
#form_2 a{ margin-top:18px; font-weight:bold}
#form_2 a span span{ padding:0 16px;}

#form_3{ width:238px; overflow:hidden}
#form_3 .bg{ margin:0; padding:0; background:url(../images/input3.jpg) no-repeat; margin-bottom:21px;}
#form_3 .input{ background:none; height:14px; padding:6px 7px; width:224px; font:12px "Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック", sans-serif; color:#6f6f6f;}
#form_3 a{ font-weight:bold; float:right}
#form_3 a span span{ padding:0 19px;}

#ContactForm {}
#ContactForm .bg{ margin:0; padding:0; background:url(../images/input4.gif) no-repeat; margin-bottom:6px;}
#ContactForm .bg2{ margin:0; padding:0; background:url(../images/textarea.gif) no-repeat; border:none; margin-bottom:20px;}
#ContactForm a{ margin-left:20px}
#ContactForm .input { background:none; height:14px; padding:6px 7px; width:195px; font:12px "Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック", sans-serif; color:#6f6f6f;}
#ContactForm textarea { background:none; height:162px; padding:6px 7px; width:195px; font:12px "Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック", sans-serif; color:#6f6f6f; overflow: auto}
#ContactForm a{ font-weight:bold; float:right; margin-left:22px}
#ContactForm a span span{ padding:0 18px;}



/*-------------------------------------------------------------
　ここより修正変更▼20110514
--------------------------------------------------------------*/

/*h1〜2変更△27行目*/

/*追記▼20110514
------------------------------------*/
.clear {
	clear:both;
}
img, a img {
	border:0px;
}

/*コンテンツbox*/
#wrapper {
	position:relative;
	width:980px;
	margin:0 auto;
	text-align: left;
}


/*header  変更▼20110514
------------------------------------*/

/*ヘッダ*/
header {
	width:100%;
	margin-bottom:0px;
} 
/*topbox*/
#topbox {
	height:99px;
	margin:0 auto;
	padding:0;
}

/*ロゴ+h1テキスト*/
h1 a {
	position:absolute;
	top:5px;
	left:0;
	background:url(../images/logo.png) no-repeat 0 10px;
	width:338px;
	height:81px;
	display:block;
	padding:28px 0 0 176px;
	font-size:10px;
	color:#000;
	text-decoration:none;
}
/*ie6 h1*/
*html h1 a {
	padding:30px 0 0 175px;	font-size:9px;
}


/*ヘッダh2　テキスト*/
header h2 {
	position:absolute;
	top:10px;
	right:5px;
	background: url(../images/img_top.jpg) no-repeat 0 3px;
	padding:0px 7px 0 19px;
	font-size:10px;	
}
/* hide hack from Mac-IE5 \*/
* html header h2 { height: 1%; }
/* end hiding */


/*topコンタクトbox*/
#tcontact {
	position:absolute;
	top:37px;
	right:0px;
	width:511px;
	text-align:right;
}
#tcontact img {
	float:left;
}
/*お問い合わせイメージ　※cufon-replace.jsでテキストを飛ばしています*/
#contimg a {
	background:url(../images/contact.png) no-repeat ;
	width:140px;
	height:41px;
	display:block;
	float:right;
}


/*content  変更▼20110514
------------------------------------*/
.center {
	text-align:center;
}
.contBox1 {
	margin:0 auto;
	text-align:center;
}
.contBox2 {
	width:700px;
	margin:0 auto;
}


/*top h3*/
.tit_c {
	height:85px;
	margin:0 auto -9px auto;
	text-align:center;
}


/*サイド 変更▼20110514
------------------------------------*/

/*サイドメニューのbox*/
.sbox1 {
	margin:0 auto;
	text-align:center;
}

/*サイド top-制作実績のbox*/
#bgtop{
	margin-top:0px;	
	margin-bottom:0px;
	padding:16px 0 16px 0;
	border:1px solid #ededed;
	border-top:none;	
}

/*サイド-Topページ-h2タイトルInfomation*/
.sh2 {
	width:218px;
	margin:0;
	padding:0;
	text-indent:0.7em;
}

/*サイド-下層ページ-h2タイトルInfomation*/
#content h2 {
	padding-top:20px;
}



/*footer  変更▼20110514
------------------------------------*/
/*フッタh3*/
footer h3 {
	text-align:left;
}
/*フッタlist　追記*/
.list3 li{
	text-align:left;
}
/*フッタnewsletter　追記*/
.newsletter{
	text-align:left;
	font-size:11px;
	color:#999;
}


/*下層h3タイトル  変更▼20110514
------------------------------------*/
.col2 h3 {
	padding-top:0;
	padding-bottom:14px;
}


/*Flash  追記▼20110514
------------------------------------*/
/*TOP imgFlash*/
#flash01 {
	width:722px;
	height:338px;
	margin:0 auto;
}

/*変更ここまで△
------------------------------------*/