@charset "utf-8";
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	
	font: 13px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	
    *font-size:small;
    *font:x-small;


	vertical-align:baseline;
	font-family:inherit;
	font-weight:inherit;
	font-style:inherit;
	outline:0;
	padding:0;
	margin:0;
	border:0;
}
body {
	font:100%;
	background: #666666;
	text-align: center;
	color: #333333;
}
p {
	line-height:1.6;
	color:#333333;
	margin-bottom:1em;
	margin-left:1em;
	font-size:100%
}
td{vertical-align:top;}
a {
	color:#D98200;
	text-decoration:none;
}
a:hover {
	color:#F60;
	text-decoration: underline;
}
.twoColFixRtHdr #container {
	width: 960px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: center;
	background-image:url(../img/bg_main.png);
	background-repeat:repeat-y;
}

#container .subpage{
	background-image:none;
		background: #FFFFFF;

}

div#headernav {
	background-color:#ffffff;
	width:958px;
	margin:auto;
}
div#nav_min {
	text-align:right;
	background-color:#FFF;
	margin:0 auto;
	padding:0;
	width:958px;
}
div#nav {
	background-color:#FFF;
	width:958px;
	margin:auto;
	text-align:left;
}
div#nav ul {
	list-style:none;
	float:left;
	background-color:#fff;
}
div#nav ul li {
	float:left;
}
div#nav ul li a {
	width:120px;
	height:59px;
	display:block;
	background-image: url(../img/navi/bg_nav.png);
	background-position:left bottom;
}
div#nav ul li a:hover {
	background-position:-179px bottom;
	text-decoration:none;
}
a.nav_in {
	background-position:-179px bottom;
}
div#nav ul li a span {
	position:relative;
	top:36px;
	left:4px;
}
/*headerimg*/
.twoColFixRtHdr #header {
	background-image:url(../img/bg_headerimg.png);
	background-repeat:no-repeat;
	clear:both;
	height:172px;
	margin:auto;
	width:958px;
	text-align:left;
}
div#headerpanel {
	position:relative;
	top:12px;
	left:494px;
	width:456px;
	height:156px;
}
.twoColFixRtHdr #subheader {
	background-image:url(../img/bg_subheaderimg.png);
	background-repeat:no-repeat;
	clear:both;
	height:60px;
	margin:auto;
	width:958px;
}
h2 {
	background-image:url(../img/bg_h2.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	width:670px;
font-size:123.1%;
	font-weight:bold;
	padding-left:14px;
	color:#555;
	clear:both;
	margin:24px auto 24px;
}
div#lead {
	width:686px;
	margin:auto;
}
div.leadimg {
	float:left;
	width:180px;
}
div#lead p {
	float:right;
	width:460px;
	font-size:108%;
	margin-bottom:1em;
}
/*work*/

div.workbox {
	clear:both;
	width:686px;
	margin:12px auto 24px;
}
.workbox:after {
	DISPLAY: block;
	HEIGHT: 0px;
	VISIBILITY: hidden;
	CLEAR: both;
	CONTENT: "."
}
.workbox {
	MIN-HEIGHT: 1px
}
div.bgorng {
	background-color:#FFBD5B;
}
div.workcase {
	float:left;
	margin-left:7px;
	margin-right:0px;
	width:202px;
	height:10em;
	padding:8px;
	border:1px dotted #FFBD5B;
}
div.last {
	margin-right:0px;
}
div.workcase h3 {
	font-size:12px;
	background-color:#000000;
	color:#cccccc;
	text-align:left;
	padding-top:54px;
	padding-bottom:3px;
	font-weight:bold;
	text-indent:0.4em;
	background-repeat:no-repeat;
}
h3.iphoneipad {
	background-image:url(../img/bg_toppanel_iphoneipad.png);
}
h3.winphone {
	background-image:url(../img/bg_toppanel_winphone.png);
}
h3.cloud {
	background-image:url(../img/bg_toppanel_cloud.png);
}
h3.silverlight {
	background-image:url(../img/bg_toppanel_silverlight.png);
}
h3.android {
	background-image:url(../img/bg_toppanel_android.png);
}
h3.gadget {
	background-image:url(../img/bg_toppanel_gadget.png);
}

div.workcase p{margin:6px auto;
line-height:1.6;
}
div.workcase p a {
	color:#444444;
	font-size:85%;
	line-height:1.6;
}
div.workcase a:hover {
	text-decoration:underline;
}
div.workcase h3 a {
	color:#ffffff;
	display:block;
	width:202px;
	height:auto;
}
div.workcase h3 a:hover {
	color:#F90;
}
div.contents {
	width:670px;
	margin:auto;
}
/* right */

.twoColFixRtHdr #sidebar1 {
	float: right;
	text-align:center;
	width:248px;
}
#sidebar1 img.banner {
	margin:0px auto 10px;
}

div.infobanner{background-color:#FFF;
border:1px solid #777777;
width:222px;
padding:4px;
min-height:52px;
margin:10px auto;}

div.infobanner p{font-size:77%;
text-align:left;
padding-left:6px;
padding-right:6px;
}

div.infobanner p a{font-size:100%;

}



.flo_l{float:left;
display:block;}
.flo_r{float:right;
display:block;
width:144px;}



div.r-contents {
	width:210px;
	margin:12px auto;
	padding:12px;
	text-align:left;
	font-size:75%;
	color:#FFF;
	background-color:#666666;
}
div.r-contents ul {
	list-style:none;
}
div.r-contents ul li {
	background-image:url(../img/ico_r_01.png);
	background-repeat:no-repeat;
	background-position:left 2px;
	margin-bottom:12px;
	padding-left:14px;
	line-height:1.4;
}
div.r-contents ul li a {
	color:#ffffff;
}
/*./right*/


p.morebt {
	text-align:right;
	line-height:2;
	margin-top:12px;
}
.twoColFixRtHdr #mainContent {
	width:686px;
	float:left;
	margin-left:12px;
	text-align:left;
}
.twoColFixRtHdr #footer {
	border-top:1px solid #cccccc;
	margin:30px auto 0px;
	background-color:#fff;
	text-align:center;
}
.twoColFixRtHdr #footer p {
	margin: 0;
	padding: 10px 0;
}
.fltrt {
	float: right;
	margin-left: 12px;
}
.fltlft {
	float: left;
	margin-right: 12px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

table p{margin:0px;}