/* CSS Document */

/*

 base settings

*/

body {
	margin:0;
	padding:0;
	font-family:"MS P ƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	background:url(../img/bg_header.gif) repeat-x 0 0;
	font-size:12px;
	color:#333333;
	text-align:center;
	line-height:1.8em;
	overflow-y:scroll;
	text-align:center;
}

h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:12px;
}

ul, dl, p, img, form, dl, dt, dd {
	margin:0;
	padding:0;
	border:0;
}

li {
	list-style:none;
}

input, textarea {
	font-size:12px;
	line-height: 1.6em;
}

strong {
	font-weight:normal;
}

em {
	font-weight:bold;
	font-size:14px;
}


.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}
*html .clearfix {display:inline-block;}

/*

common contents settings

*/

.triad-red {color: #ff4444;}
.triad-blue {color: #0033ff;}
.triad-orange {color: #ff6600;}

.arrow {
	padding-left: 10px;
	background:url(../img/cmn_arrow.gif) no-repeat 0 4px;
}

#wrapper {
	width:780px;
	margin:0 auto;
	text-align:left;
}

a {color:#355eff;}
a:hover {color:#0000c5;}




/* LOGO */

h1 {
	width:183px;
	height:32px;
	margin:23px 0 37px 0;
	background:url(../img/logo.gif) no-repeat 0 0;
}

h1 a {
	display:block;
	text-indent:-10000px;
	outline:none;
}

/* end LOGO */

/* 

 Footer

*/

#footerframe {
	margin:0;
	padding:0;
	background:url(../img/bg_footer.gif) repeat-x 0 0;
	border-top:11px solid #000;
}

#footer {
	width:735px;
	margin:0 auto;
	padding:20px 0 40px 45px;
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	background:url(../img/bg_footerline.gif) no-repeat 0 0;
}

#footer dl {margin:0 0 20px 0;}

#footer dl dt {
	font-size:16px;
	margin:0 0 10px 0;
}

#footer dl dt a {
	margin:0 0 0 10px;
	padding:2px 3px;
	border:1px solid #5d5d5d;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
	background-color:#333;
}

#footer dl dd {
	font-size:10px;
}

.footerleft {
	width:413px;
	float:left;
}

.footerleft address {
	font-style:normal;
	font-size:10px;
}

.footerright {
	width:322px;
	float:right;
}

.footerright li {
	padding:0 0 0 8px;
	float:left;
	font-size:10px;
	background:url(../img/icon_footerlist.gif) no-repeat 0 5px;
}

.footerright li a {
	color:#FFF;
	text-decoration:none;
}

.footerright li a:hover {
	color:#ff8b3d;
	text-decoration:underline;
}

.footerright li.fmenu01 {width:60px;}
.footerright li.fmenu02 {width:70px;}
.footerright li.fmenu03 {width:55px;}
.footerright li.fmenu04 {width:55px;}
.footerright li.fmenu05 {width:42px;}



/*

global menu

*/
#gmenu {
	width:780px;
	margin:0 0 35px 0;
}

#gmenu li {
	float:left;
}

#gmenu li a {
	height:25px;
	display:block;
	text-indent:-10000px;
	outline:none;
}

#gmenu .gmenu01 a {
	width:191px;
	background:url(../img/menu.gif) no-repeat 0 0;
}
#gmenu .gmenu02 a {
	width:176px;
	background:url(../img/menu.gif) no-repeat -191px 0;
}
#gmenu .gmenu03 a {
	width:151px;
	background:url(../img/menu.gif) no-repeat -367px 0;
}
#gmenu .gmenu04 a {
	width:166px;
	background:url(../img/menu.gif) no-repeat -518px 0;
}
#gmenu .gmenu05 a {
	width:96px;
	background:url(../img/menu.gif) no-repeat -684px 0;
}

#gmenu .gmenu01 a:hover {background:url(../img/menu.gif) no-repeat 0 -25px;}
#gmenu .gmenu02 a:hover {background:url(../img/menu.gif) no-repeat -191px -25px;}
#gmenu .gmenu03 a:hover {background:url(../img/menu.gif) no-repeat -367px -25px;}
#gmenu .gmenu04 a:hover {background:url(../img/menu.gif) no-repeat -518px -25px;}
#gmenu .gmenu05 a:hover {background:url(../img/menu.gif) no-repeat -684px -25px;}
/* end global menu */





/* h */

h2 {
	width:100%;
	height:39px;
	margin:0 0 16px 0;
	text-indent:-10000px;
}

.about h3,
.service h3 {
	width:100%;
	height:34px;
	margin:35px 0 16px 0;
	border:1px solid #bdbdbd;
	text-indent:-10000px;
}


/*

 top

*/

.link {
	padding:30px 0 10px 0;
	text-align:right;
}

#toprow01 .link {
	padding:10px 0;
	text-align:right;
}


#toprow01 {
	width:100%;
	margin:20px 0 40px 0;
}

#toprow02 {
	width:540px;
	float:right;
}

#toprow02 div {
	margin:0 0 0 30px;
}

*html #toprow02 div {
	margin:0 0 0 20px;
}

.topbox01 {
		width:510px;
		margin:0 0 0 0;
		float:left;
}

#list_topics_inbox {
	text-align: center;
	padding: 50px 0;
	color: #999999;
}

.topbox01 h2 {
	height:30px;
	margin:0 0 10px 0;
	background:url(../img/menu.gif) no-repeat 0 -50px;
	text-indent:-10000px;
	border-bottom:1px dotted #7f7f7f;
}

.topbox01 dl {margin:5px 0;}

.topbox01 dl dt {
	width:85px;
	padding:0 0 0 15px;
	float:left;
	clear: both;
}
.topbox01 dl dd {
	float:left;
	width: 400px;
	margin:0;
}

.topbanner {
		width:240px;
		float:right;
}

.topbox02 {
	width:240px;
	padding:0 0 40px 0;
	float:left;
}

.topbox02 h2 {
	height:30px;
	margin:0 0 10px 0;
	text-indent:-10000px;
	border-bottom:1px dotted #7f7f7f;
}

.topbox02 h2.ttlservice {background:url(../img/menu.gif) no-repeat 0 -85px;}
.topbox02 h2.ttlabout {background:url(../img/menu.gif) no-repeat 0 -120px;}
.topbox02 h2.ttlcontact {background:url(../img/menu.gif) no-repeat 0 -155px;}
.topbox02 h2.ttlworks {background:url(../img/menu.gif) no-repeat 0 -190px;}
.topbox02 h2.ttlblog {background:url(../img/menu.gif) no-repeat 0 -225px;}

.topbox02 h3.sttlservice {
	height:30px;
	margin:0 0 10px 0;
	background:url(../img/menu.gif) no-repeat 0 -255px;
	text-indent:-10000px;
}

.topbox02 p.image {
	margin:20px 0;
}


/* end TOP */


/*

blog settings
- enginieer blog
- works
- works for secret
- topics

*/

.rblog {
}

#leftbox {
	width:530px;
	padding:0 20px 0 0;
	float:left;
}

.rblog h2 {background:url(../img/contents_title.gif) no-repeat 0 -118px #444444;}

#blogcontents,
#workscontents,
#topicscontents {
	margin:30px 0 0 0;
	padding:10px 0 60px 0; 
	background:url(../img/bg_sidebar.gif) repeat-y right top;
}


.works h2 {background:url(../img/contents_title.gif) no-repeat 0 -157px #444444;}

.topics h2 {background:url(../img/contents_title.gif) no-repeat 0 -196px #444444;}


/* entry title */
.bttl {
	margin:0 0 15px 0;
	padding:0 0 0 16px;
	background:url(../img/icon01.gif) repeat-y 0 0;
}

.bttl h3 {
	font-size:18px;
	font-weight:bold;
	padding:5px 0;
}
.bttl h3 a {
	text-decoration:none;
}

.bttl p,
.bttl small {
	font-size:10px;
	font-weight:normal;
}

.archivettl {
}

.archivettl h2.pagetitle {
	height:auto;
	background:none;
	text-indent:inherit;
	font-size:18px;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #333;
}

.rblog h2.center,
.topics h2.center {
	background:none;
	text-indent:inherit;
	font-size:18px;
	margin:0 0 20px 0;
	padding:0;
	border-bottom:1px solid #333;
}


/* end entry title */


.entry {
	margin:0 0 60px 0;
}

.entry p {
	margin:15px 0;
	line-height:1.8em;
}

.entry strong {
	font-weight: bold;
}

.entry img {
	padding:0;
	border: 2px solid #ccc;
}

#workscontents .worksimg {
	width:220px;
	padding:0;
	margin:15px 10px 0 0;
	text-align:center;
	float:left;
}

#workscontents .worksimg img {
	margin:0 0 10px 0;
}


#workscontents .workstxt {
	width:280px;
	padding:0;
	margin:0;
	float:left;
}

.entry blockquote {
	margin:5px;
	padding:0 15px;
	background-color:#fafafa;
	border:1px solid #aeaeae;
}


#leftbox .navigation {
	margin:0 0 15px 0;
}
#leftbox .alignright {
	float:right;
	padding: 0 0 10px 10px;
}

#leftbox .aligncenter {
	float:center;
	padding: 0 0 10px 0;
}

#leftbox .alignleft {
	float:left;
	padding: 0 10px 10px 0;
}

.entry ul ,
.entry ol {
	padding-left: 20px;
}

.entry ul li {
	list-style: disc outside;
}
.entry ol li {
	list-style: decimal outside;
}



/* sidebar settings */
#sidebar {
	width:180px;
	padding:0 0 0 15px;
	float:right;
	background:url(../img/bg_sidebar.gif) repeat-y right top;
}

#sidebar .cntbox {
	margin:0 0 40px 0;
}


#sidebar .cntbox h3 {
	margin:0 0 5px 0;
	padding:0 0 0 10px;
	background:url(../img/icon03.gif) repeat-y 0 0;
	font-size:14px;
}

#sidebar .cntbox .screen-reader-text{
	display:none;
}

#sidebar .cntbox #searchsubmit {
	width: 51px;
	height: 24px;
	border: 0;
	background: url(../img/btnsearch.gif) no-repeat 0 2px;
	text-indent: -9999px;
	cursor: pointer;
}

#sidebar .cntbox ul li {
	padding:0 0 3px 10px;
	background:url(../img/arrow.gif) no-repeat 0 7px;
}
/* end sidebar settings */
/* end blog settings */



/*

 contact 

*/

.contact {margin:0 0 90px 0;}

.contact h2 {background:url(../img/contents_title.gif) no-repeat 0 -78px #444444;}

.contact .formarea {
	margin:20px 0;
	padding:30px 0 20px 0;
}

.contact .formarea dt.contactsubj,
.contact .formarea dt.contactinfo {
	width:260px;
	float:left;
	text-indent:-10000px;
}

.contact dl.contactsubj {background:url(../img/contact_sttl01.gif) no-repeat 0;}
.contact dl.contactinfo {background:url(../img/contact_sttl02.gif) no-repeat 0;}

.contact .formarea dd {
	width:500px;
	float:right;
}

.contact #conlst li {
	margin:0 10px 0 0;
	padding:3px 0 3px 35px;
	background:url(../img/icon_lst01_off.gif) no-repeat 0.5em 0.5em #fff;
	list-style:none;
}

.contact #conlst li.hoverlst {
	cursor:pointer;
	background:url(../img/icon_lst01_off.gif) no-repeat 0.5em 0.5em #cce3f3;
}
.contact #conlst li.checklst {background:url(../img/icon_lst01.gif) no-repeat 0.5em 0.5em #cce3f3;}

.contact #userinfo {border-top:1px dotted #c5c5c5;}

.contact .formarea .inputarea dt {
	width:110px;
	margin:0;
	padding:0;
	font-size:12px;
	float:left;
}

.contact .formarea .inputarea dd {
	width:380px;
	margin:0;
	padding:0;
	float:right;
}


.contact .formarea input {
	width:210px;
	margin:0 0 7px 0;
	padding:3px;
	border:solid 1px #000000;
}

.contact .formarea .inputarea input.width50 {width:50px;}
.contact .formarea .inputarea input.width260 {width:260px;}

.contact .formarea .inputarea textarea {
	width:380px;
	height:250px;
	padding:3px;
	border:solid 1px #000000;
}

.contact .formarea .inputarea .errorfocus {border:solid 3px #ff3333;}

.contact .formarea .inputarea span.error {
	font-size:12px;
	font-weight:bold;
	color:#FF0000;
}


#btn {
	text-align:center;
	margin:20px auto 0 auto;
}

#btn input {
	width:102px;
	height:37px;
	margin:0;
	padding:0;
}
/* end contact */


/*

 about us

*/

.about h2 {background:url(../img/contents_title.gif) no-repeat 0 0 #444444;}

.about h3.philosophy {background:url(../img/contents_stitle.gif) no-repeat 0 0;}
.about h3.companyinfo {
	margin:50px 0 20px 0;
	background:url(../img/contents_stitle.gif) no-repeat 0 -34px;
}

.about dl {margin:30px 0;}

.about dl.wordlist dt {
	width:225px;
	height:105px;
	text-indent:-10000px;
	float:left;
}

.about dl.wordlist dt#word01 {background:url(../img/about_word.gif) no-repeat 0 0;}
.about dl.wordlist dt#word02 {background:url(../img/about_word.gif) no-repeat 0 -105px;}
.about dl.wordlist dt#word03 {background:url(../img/about_word.gif) no-repeat 0 -235px;}


.about table.abouttable {
	width:100%;
	margin:0 0 40px 0;
	padding:0;
	border-collapse:collapse;
}

.about table.abouttable th {
	width:187px;
	border-right:1px solid #333;
}

.about table.abouttable th.company {
	background:url(../img/about_company.gif) no-repeat 0;
	border-bottom:1px solid #333;
	text-indent:-10000px;
}

.about table.abouttable th.business {
	background:url(../img/about_business.gif) no-repeat 0;
	text-indent:-10000px;
}

.about table.abouttable td {padding:15px 0 15px 20px;}
.about table.abouttable td.companyline {border-bottom:1px solid #333;}

.about table.abouttable dl {margin:0;}

.about table.abouttable dl dt {
	width:100px;
	float:left;
}
/* end about us */



/*

 service

*/
.service {padding:0 0 90px 0;}

.service h2 {background:url(../img/contents_title.gif) no-repeat 0 -39px #444444;}
.service h2.smphne {background:url(../img/contents_title.gif) no-repeat 0 -234px #444444;}

.service h3.flow {background:url(../img/contents_stitle.gif) no-repeat 0 -68px;}
.service h3.smartphone {background:url(../img/contents_stitle.gif) no-repeat 0 -102px;}
.service h3.build {background:url(../img/contents_stitle.gif) no-repeat 0 -136px;}

.service h3.smbuild {background:url(../img/contents_stitle.gif) no-repeat 0 -170px;}
.service h3.smanime {background:url(../img/contents_stitle.gif) no-repeat 0 -238px;}
.service h3.smappli {background:url(../img/contents_stitle.gif) no-repeat 0 -204px;}



.process {margin:20px 0 50px 0;}

.service .devices div {
	width:380px;
	float:left;
}

.service .devices p {
	width:385px;
	padding:0 0 0 15px;
	float:right;
}

.service span.link {
	display:block;
	text-align:left;
	margin:20px 0 0 0;
	padding:0;
}

.service .smphn div {
	width:240px;
	float:left;
}

.service .smphn p {
	width:525px;
	padding:0 0 0 15px;
	float:right;
}

.service .smphnmovie div {
	width:425px;
	float:left;
}

.service .smphnmovie p {
	width:335px;
	padding:0 0 0 15px;
	float:right;
}

span.emphasize {
	text-align:center;
	display:block;
	margin:15px 0 0 0;
	font-size:18px;
	font-weight:bold;
}

em {
	color:#000;
}


/* end service */