/**************** 共通 ********************/
* {
	color:#333333;
	margin:0;
}
body, textarea {
	font-size:12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
body {
	text-align: center;
	margin-top: 10px;
}   
div#wrapper {   
    width: 960px;   
    margin: 0 auto;   
    text-align: left;    
} 



#content{
	width:960px;
	overflow:display;
}

#header{
	height: 120px;
	width: 960px;

}
#header h1, #header h2 {
	padding-left:10px;
}
#header h2 {
	margin-bottom:5px;
}

h1{
	float:left;
}
h1 img {
	border:0;
}
H2{

	width: 550px;
	font-weight:normal;
	font-size: 14px;
	letter-spacing: 0em;
}
.header_lead {
	margin:5px 0px 0px 0px;
	clear:both;
	float:left;
}
.header_link{
	margin:5px 10px 0px 14px;
	float:right;
	font-size: 14px;
	background-image: url(../img/yajirushi_navyblue.jpg);
	background-repeat: no-repeat;
	padding-left:16px;

}
.header_link a{
	text-decoration:none;
}
.header_link a:hover{
	text-decoration:underline;
}


#breadcrumb{
	background-image: url(../img/breadcrumb_img01.gif);
	background-repeat: no-repeat;
	height: 24px;
	float: left;
	width: 410px;
	padding-left: 20px;
	font-size: x-small;
	color: #666666;
	padding-top: 10px;
	width: 350px;
}
#breadcrumb02{
	background-image: url(../img/breadcrumb_img02.gif);
	background-repeat: no-repeat;
	height: 24px;
	float: left;
	width: 410px;
	padding-left: 20px;
	font-size: x-small;
	color: #666666;
	padding-top: 10px;
	width: 350px;
}
#breadcrumb a{
	color: #666666;
}
.button_inquiry {
	width:334px;
	clear:both;
	margin:50px 0px 20px 200px;
}

/**************** メニュー ********************/
#menuarea {
	margin:5px 0px 0px 0px;
	float:left;
	width:960px;
}
.menu{
	float:left;
	display:block;
	margin:0;

	height:50px;
	width:960px;
}
.menu em{
	float:left;
	list-style:none;
	text-indent:-9999px;
}
.menu a{
	text-decoration:none;
	display:block;
	height:50px;
	background-image:url(../img/menu.jpg);
	background-position:left top;
}
.menu01 a{
	width:150px;
	background-position:0px 0px;
}
.menu02 a{
	width:130px;
	background-position:-150px 0;
}
.menu03 a{
	width:130px;
	background-position:-280px 0;
}

.menu04 a{
	width:130px;
	background-position:-410px 0;
}
.menu05 a{
	width:130px;
	background-position:-540px 0;
}
.menu06 a{
	width:130px;
	background-position:-670px 0;
}
.menu a:hover{
	height:34px;
}
.menu07 a{
	width:160px;
	background-position:-800px 0;
}
.menu a:hover{
	height:50px;
}
.menu01 a:hover, .menu01.current a{
	background-position:0 -50px;
}
.menu02 a:hover, .menu02.current a{
	background-position:-150px -50px;
}
.menu03 a:hover, .menu03.current a{
	background-position:-280px -50px;
}
.menu04 a:hover, .menu04.current a{
	background-position:-410px -50px;
}
.menu05 a:hover, .menu05.current a{
	background-position:-540px -50px;
}
.menu06 a:hover, .menu06.current a{
	background-position:-670px -50px;
}
.menu07 a:hover, .menu07.current a{
	background-position:-800px -50px;
}

/**************** フッターページ ********************/
#footer{
	clear:both;
	height: 28px;
	width: 960px;
	background-image: url(../img/footer10px.jpg);
	background-repeat: repeat-x;
	margin:20px 0px 0px 0px;
}
#copyright{
	font-size:12px;
	color: #ffffff;
	letter-spacing: 1px;
	text-align:center;
	padding-top: 10px;	
}


#footer a{
	font-size: small;
	color: #222222;
	text-decoration:none;
}
.footer_txt{
	background-image: url(../img/img_signal.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	float: left;
	background-position: 5px;
}


/**************** TOPページ ********************/

#topcontent{
	float: left;
	width: 720px;
	margin-bottom:20px;
}
#topimg{
	margin:10px 0px 0px 20px;
	clear:both;
	background-image: url(../img/photo_top.jpg);
	background-repeat: no-repeat;
	height: 240px;
	width: 700px;
}
.top_content_lead{
	background-image: url(../img/bar_navyblue_r.jpg);
	background-repeat: no-repeat;
	margin:20px 0px 0px 20px;
	clear:both;
	height:24px;
	width: 692px;
	color:#0340d7;
	font-weight:bold;
	font-size:16px;
	padding:8px 0px 0px 8px;
}

.top_content_box{
	display:inline;
	margin:0px 0px 20px 20px;
	clear:both;
	width: 678px;
	border: 1px solid #cccccc;
	float: left;
	font-size: 14px;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	line-height: 20px;

}
.content_link {
	line-height:14px;
	margin:0px 10px 0px 5px;
	font-size:14px;
	height:20px;
}

.content_link a{
	float: right;
	font-size: 14px;
	color: #0074e8;
	background-image: url(../img/yajirushi_lightblue.jpg);
	background-repeat: no-repeat;
	padding-left: 18px;
	

}
.content_link a:hover{
	color: #ff0000;
}
.content_newslink a{
	font-size: 14px;
	color: #0074e8;
}
.content_newslink a:hover{
	color: #ff0000;
}

#right_content{
	margin:10px 0px 0px 20px;
	width: 200px;
	float: left;
}

.right_content_lead{
	width: 193px;
	height: 21px;
	background-image: url(../img/yajirushi_gray.jpg);
	background-repeat: no-repeat;



}
.right_content_lead.company{
	background-image: url(../img/bar_yellow.jpg);
	background-repeat: no-repeat;
	padding-top:9px;
	padding-left:7px;
}
.right_content_lead.company a{
	background-image: url(../img/yajirushi_gray.jpg);
	background-repeat: no-repeat;
	padding-left:16px;
	font-size: 14px;
	color: #666666;
	text-decoration:none;

}
.right_content_box{
	background-image: url(../img/logo.jpg);
	background-repeat: no-repeat;
	clear:both;
	width: 151px;
	border-top:0px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	float: left; 1px solid #cccccc;
	font-size: 13px;
	padding-top: 7px;
	padding-left: 47px;
	padding-right: 0px;
	padding-bottom: 7px;
	line-height: 15px;
	background-position:7px 7px;

}
.right_content_ads{
	margin:20px 0px 0px 20px;
	float: left;
	width: 193px;
	height: 23px;
	background-image: url(../img/bar_lightgreen.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	color: #ffffff;
	padding-top: 7px;
	padding-left: 7px;
	letter-spacing: 1px;

}
.right_content_ads_box{
	margin:0px 0px 0px 20px;
	width: 178px;
	height: 200px;
	border-top:0px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	float: left;
	font-size: 13px;
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;

}




#whatsnew{
	float: left;
	width: 305px;
}
#whatsnew{
	color: #222222;
	font-size: small;
	}
.news_line{
	width: 285px;
	background-color: #F2F0E6;
	height: 25px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-left: 20px;
}
.news_txt a{
	color: #222222;
	float: left;
	padding-left: 20px;
	padding-top: 5px;
}
.date{
	color: #222222;
	float: left;
	padding-top: 5px;
}
#leftcontent {
	float:left;
}

p#w3c_banner {
	clear:both;
	float:right;
}


#rightcontent{
	float:left;
	width: 515px;
	padding-top: 35px;
	padding-right: 5px;
	padding-left: 30px;
}

#banner{
	float: right;
	font-size: small;
	line-height: 130%;
	color: #222222;
	margin-bottom: 100px;
}
#banner01, #banner02{
	width: 248px;
	height: 200px;
	border: 1px solid #999999;
	float: left;
}
#banner02{
	margin-left: 10px;
}
.banner_txt{
	margin: 10px;
}

#subtitle{
	margin:10px 0px 0px 20px;
	clear:both;
	background-repeat: no-repeat;
	height: 40px;
	width: 700px;
}

.case_img {
	float:right;
	margin:10px;
	width:200px;
	font-size:10px;
	text-align:center;
	line-height:1.5em;
}

/**************** なぜWEB技術をページ ********************/
.info_intro{
	margin:20px 0px 0px 20px;
	clear:both;
	width: 680px;
	border: 0px;
	float: left;
	font-size: 14px;
	color: #333333;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	line-height: 20px;
}
.info_lead{
	margin:20px 0px 0px 20px;
	clear:both;
	background-image: url(../img/bar_graynavy.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 700px;
	float: left;
	font-size: 16px;
	padding-top: 7px;
	padding-left: 25px;
	color: #0042cc;	
	letter-spacing: 1px;
}
.info_box{
	margin:5px 0px 0px 20px;
	clear:both;
	width: 680px;
	border: 0px;
	float: left;
	font-size: 14px;
	color: #333333;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	line-height: 20px;
}
.info_box p {
	text-indent:1em;
}

/**************** システム化の流れページ ********************/
#flowarea {
	float:left;
	margin:20px 0px 0px 17px;
	width: 148px;
	height: 532px;
}

#flow{
	float:left;
	display:block;
	margin:0;
	height:532px;
	width:148px;
}
#flow em{
	float:left;
	list-style:none;
	text-indent:-9999px;
}
#flow a{
	text-decoration:none;
	display:block;
	width:148px;
	background-image:url(../img/menu_systemflow.jpg);
	background-repeat: no-repeat;
	background-position:left top;
}

#flow a{
	width: 148px;
}
#flow01 a{
	height:83px;
	background-position:0px 0px;
}
#flow02 a{
	height:80px;
	background-position:0px -83px;
}
#flow03 a{
	height:80px;
	background-position:0px -163px;
}

#flow04 a{
	height:80px;
	background-position:0px -243px;
}
#flow05 a{
	height:80px;
	background-position:0px -323px;
}
#flow06 a{
	height:80px;
	background-position:0px -403px;
}
#flow07 a{
	height:52px;
	background-position:0px -483px;
}
#flow a:hover{
	width: 148px;
}
#flow01 a:hover{
	background-position:-150px 0px;
}
#flow02 a:hover{
	background-position:-150px -83px;
}
#flow03 a:hover{
	background-position:-150px -163px;
}
#flow04 a:hover{
	background-position:-150px -243px;
}
#flow05 a:hover{
	background-position:-150px -323px;
}
#flow06 a:hover{
	background-position:-150px -403px;
}
#flow07 a:hover{
	background-position:-150px -483px;
}

#flow_content {
	float: left;
	margin:25px 0px 10px 10px;
	width:540px;
}

.flow_lead{
	margin:0px 0px 0px 0px;
	background-image: url(../img/bar_graynavy_short.jpg);
	background-repeat: no-repeat;
	line-height:30px;
	width: 503px;
	font-size:16px;
	color: #0042cc;
	letter-spacing: 1px;
	padding-top: 0px;
	padding-left:37px;
}
.flow_number{
	clear:both;
	float:left;
	font-size:17px;
	color:#ffffff;
	height:24px;
	width:15px;
	padding-top: 6px;
	padding-left: 10px;
}

.flow_box{
	line-height:1.3em;
	margin:5px 0px 20px 20px;
	clear:both;
	width: 520px;
	font-size: 14px;
	color: #333333;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

/**************** 開発ポリシーページ ********************/
.dev_policy_lead{
	margin:20px 0px 0px 20px;
	clear:both;
	background-image: url(../img/bar_graynavy.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 700px;
	float: left;
	font-size: 16px;
	padding-top: 7px;
	padding-left: 25px;
	color: #0042cc;	
	letter-spacing: 1px;
}
.dev_policy_box{
	margin:5px 0px 0px 20px;
	clear:both;
	width: 680px;
	border: 0px;
	float: left;
	font-size: 14px;
	color: #333333;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	line-height: 20px;
}
.dev_policy_box a{
	color: #0074e8;
}
.dev_policy_box a:hover{
	color: #ff0000;
}
/**************** Q&Aページ ********************/
.faq_lead{
	margin:20px 0px 0px 20px;
	clear:both;
	background-image: url(../img/bar_graynavy_q.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 700px;
	float: left;
	font-size: 16px;
	padding-top: 7px;
	padding-left: 40px;
	color: #0042cc;	
	letter-spacing: 1px;
}
.faq_box{
	margin:5px 0px 0px 20px;
	clear:both;
	background-image: url(../img/bar_red_a.jpg);
	background-repeat: no-repeat;
	width: 645px;
	border: 0px;
	float: left;
	font-size: 14px;
	color: #333333;
	padding-left: 45px;
	padding-right: 10px;
	padding-bottom: 10px;
	line-height: 20px;
}
/**************** 著作権・リンクなどページ ********************/
.guide_lead{
	margin:20px 0px 0px 20px;
	clear:both;
	background-image: url(../img/bar_graynavy.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 700px;
	float: left;
	font-size: 16px;
	padding-top: 7px;
	padding-left: 25px;
	color: #0042cc;	
	letter-spacing: 1px;
}
.guide_box{
	margin:5px 0px 0px 20px;
	clear:both;
	width: 680px;
	border: 0px;
	float: left;
	font-size: 14px;
	color: #333333;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	line-height: 20px;
}
.guide_box a{
	color: #0074e8;
}
.guide_box a:hover{
	color: #ff0000;
}


/**************** プライバシーポリシーページ ********************/
.pri_policy_lead{
	margin:20px 0px 0px 20px;
	clear:both;
	background-image: url(../img/bar_graynavy.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 700px;
	float: left;
	font-size: 16px;
	padding-top: 7px;
	padding-left: 25px;
	color: #0042cc;	
	letter-spacing: 1px;
}
.pri_policy_box{
	margin:5px 0px 0px 20px;
	clear:both;
	width: 680px;
	border: 0px;
	float: left;
	font-size: 14px;
	color: #333333;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	line-height: 20px;
}
.pri_policy_ing_lead{
	margin:20px 0px 0px 20px;
	clear:both;
	background-image: url(../img/bar_lightblue_r.jpg);
	background-repeat: no-repeat;
	height: 24px;
	width: 690px;
	float: left;
	font-size: 16px;
	padding-top: 8px;
	padding-left: 10px;
	color: #0074e8;	
	letter-spacing: 1px;
}
.pri_policy_ing_box{
	margin:0px 0px 0px 20px;
	clear:both;
	width: 678px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	float: left;
	font-size: 14px;
	color: #333333;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	line-height: 20px;
}
.pri_policy_ing_box a{
	color: #0074e8;
}
.pri_policy_ing_box a:hover{
	color: #ff0000;
}
/**************** 会社概要ページ ********************/
.profile_top_bar{
	margin:20px 0px 0px 20px;
	clear:both;
	background-image: url(../img/bar_blue7005.jpg);
	background-repeat: no-repeat;
	height: 10px;
	width: 700px;
	float: left;
}
.profile_tbl dt {
	margin:0px 0px 0px 20px;
	clear:both;
	float:left;
	width:95px;
	background-image:url(../img/square_blue.jpg);
	background-repeat: no-repeat;
	background-position:10px 12px;
	padding:7px 0px 0px 25px;
	text-align:left;
}
.profile_tbl dd {
	background-image: url(../img/bar_graydot5802.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-top: 7px;
	padding-bottom: 7px;
	float:left;
	width:570px;
}
.profile_tbl{
	font-size:14px;
	line-height:20px;
	color: #333333;
	margin-bottom: 30px;
	letter-spacing: 1px;
}
.profile_tbl p{
	margin:0;
	text-indent:-1em;
	margin-left:1em;
}
.profile_tbl a{
	color: #0074e8;
}
.profile_tbl a:hover{
	color: #ff0000;
}

/**************** 問い合わせページ ********************/
#inquiry_content {
	margin:10px 0px 20px 30px;
	font-size:14px;
	line-height:1.3em;
	width:600px;
}
#inquiry_content .table_title {
	border-left:8px solid #0042cc;
	color:#0042cc;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
	border-bottom:2px solid #0042cc;

}

.remark {
	color:#22222;
	font-weight:normal;
	font-size:12px;
}
#leftimg_inquiry{
	float: left;
	width: 305px;
	background-image: url(../img/letimg_inquiry.jpg);
	background-repeat: no-repeat;
	height: 390px;
	text-indent:-9999px;
}
#rightcontent02{
	float: right;
	width: 480px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.form{
	background-color:#e8f3ff;
	padding:20px 0px 10px 10px;
	font-size: small;
	color: #222222;
	width:600px;
}

.errormsg{
	color:#F00;
}
.requisite {
	font-weight:bold;
	color:#db2c00;
}
/**************** サイトマップページ ********************/
#leftimg_sitemap{
	float: left;
	width: 305px;
	background-image: url(../img/letimg_sitemap.jpg);
	background-repeat: no-repeat;
	height: 390px;
	text-indent:-9999px;
}
.longline{
	clear:both;
	height: 20px;
	width: 435px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #8E3D23;
	border-bottom-color: #8E3D23;
	background-image: url(../img/img_signal.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-left: 15px;
	padding-top: 5px;
	font-size: small;
	color: #222222;
	
}
.shortline{
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8E3D23;
	width: 385px;
	float: right;
	margin-right: 30px;
	padding-left: 15px;
	font-size: small;
	color: #222222;
	background-image: url(../img/img_signal.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-top: 5px;
}
.shortline02{
	height: 20px;
	width: 385px;
	float: right;
	margin-right: 30px;
	padding-left: 15px;
	font-size: small;
	color: #222222;
	background-image: url(../img/img_signal.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-top: 5px;
}
.longline a,.shortline a,.shortline02 a{
	color: #222222;
	text-decoration:none;
}
.longline a:hover,.shortline a:hover,.shortline02 a:hover{
	color: #999999;
	text-decoration:none;
}

/**************** リンクページ ********************/
#leftimg_link{
	float: left;
	width: 305px;
	background-image: url(../img/letimg_link.jpg);
	background-repeat: no-repeat;
	height: 487px;
	text-indent:-9999px;
}
/**************** 著作権 ********************/
#leftimg_copy{
	float: left;
	width: 305px;
	background-image: url(../img/letimg_copy.jpg);
	background-repeat: no-repeat;
	height: 487px;
	text-indent:-9999px;
}
#message_txt{
	font-size: small;
	line-height: 140%;
	color: #222222;
}
.copy_txt{
	width: 385px;
	float: right;
	margin-right: 30px;
	margin-bottom: 15px;
	padding-left: 15px;
	font-size: small;
	padding-top: 5px;
	line-height: 130%;
}
.copy_txt a{
	color: #006666;
	text-decoration:none;
}
/**************** プライバシーポリシー ********************/
#leftimg_privacy{
	float: left;
	width: 305px;
	background-image: url(../img/letimg_privacy.jpg);
	background-repeat: no-repeat;
	height: 487px;
	text-indent:-9999px;
}
/**************** ご挨拶ページ ********************/
#leftimg_message{
	float: left;
	width: 170px;
	background-image: url(../img/letimg_message.jpg);
	background-repeat: no-repeat;
	height: 457px;
	text-indent:-9999px;
}
#message_txt{
	font-size: small;
	line-height: 140%;
	color: #222222;
}
#message_txt a{
	color: #006666;
	text-decoration:none;
}
#photo{
	float: right;
	padding-right: 5px;
	margin-left: 10px;
}
/**************** ご案内ページ ********************/
#leftimg_info{
	float: left;
	width: 170px;
	background-image: url(../img/letimg_info.jpg);
	background-repeat: no-repeat;
	height: 457px;
	text-indent:-9999px;
}
/**************** お知らせページ ********************/
#leftimg_news{
	float: left;
	width: 170px;
	background-image: url(../img/letimg_news.jpg);
	background-repeat: no-repeat;
	height: 457px;
	text-indent:-9999px;
}
.news_longline{
	clear:both;
	height: 20px;
	width: 593px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #8E3D23;
	border-bottom-color: #8E3D23;
	background-image: url(../img/img_signal.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-left: 15px;
	padding-top: 5px;
	font-size: small;
	color: #222222;
	}
.news_shortline{
	width: 500px;
	float: right;
	margin-right: 5px;
	padding-left: 15px;
	padding-bottom: 40px;
	font-size: small;
	color: #222222;
	padding-top: 5px;
	line-height: 140%;
}

.news_shortline a{
	color: #006666;
	text-decoration:none;
}
.news_date{
float: right;
margin-right: 5px;
}
.news_ttl{
float: left;
}