* {
	margin: 0px;
	padding: 0px;
}
body {
	font-size: 12px;
	text-align: center;
	background: url(../img/body_bg.gif) no-repeat center 60px;
}
a {
	color: #64285A;
}
a:hover {
	text-decoration: none;
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	background: url(../img/wrapper_bg.jpg) no-repeat center bottom;
}
#header {
	height: 150px;
	position: relative;
	background: url(../img/header_logo.gif) no-repeat left top;
	margin: 0px auto;
	width: 800px;
}
#header h1 {
	font-size: 12px;
	line-height: 28px;
	font-weight: normal;
	color: #999;
	background: #000 url(../img/body_bg.gif) no-repeat left -51px;
	position: absolute;
	height: 28px;
	width: 800px;
	top: 111px;
}
#header p.logo {
	font-size: 10px;
	line-height: 10px;
	position: absolute;
	height: 50px;
	width: 250px;
	text-indent: -9999px;
	top: 5px;
}
#header p.logo a {
	display: block;
	height: 100%;
}


#header p.contact {
	font-size: 10px;
	line-height: 10px;
	height: 22px;
	width: 185px;
	position: absolute;
	left: 608px;
	top: 42px;
	text-indent: -9999px;
}
#header p.contact a {
	display: block;
	height: 100%;
}


#header ul.globalnavi {
	height: 48px;
	width: 800px;
	list-style: none;
	position: absolute;
	top: 60px;
}
#header ul.globalnavi li {
	font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
	float: left;
	position: relative;
}
#header ul.globalnavi li a {
	display: block;
	height: 100%;
}
#header ul.globalnavi ul {
	position: absolute;
	left: 0px;
	top: 26px;
	width: 190px;
	list-style: url(none) none;
	z-index: 10;
	display: none;
}
#header ul.globalnavi ul.templatenavi {
	top: 48px;
	width: 250px;
}
#header ul.globalnavi ul.templatenavi li {
	width: 250px;
}
#header ul.globalnavi ul li {
	float: none;
	line-height: 24px;
	letter-spacing: 1px;
	height: 24px;
	white-space: nowrap;
	border-left: 1px solid #CCC;
	width: 190px;
	background-color: #FFF !important;
	background-image: url(none) !important;
	text-indent: 0px;
	margin: 0px;
}
#header ul.globalnavi ul li a {
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	height: 100%;
	display: block;
	padding-left: 8px;
	color: #000;
	font-size: 12px;
	text-decoration: none;
	background-color: #FFF !important;
	background-image: url(none) !important;
}
#header ul.globalnavi ul li a:hover {
	background-color: #F1F1F1 !important;
	background-image: url(none) !important;
	color: #000;
}
#header ul.globalnavi li.template {
	height: 48px;
	width: 163px;
}
#header ul.globalnavi li.photo {
	height: 48px;
	width: 157px;
}
#header ul.globalnavi li.blog {
	height: 26px;
	width: 140px;
	margin-top: 22px;
}
#header ul.globalnavi li.service {
	height: 26px;
	width: 106px;
	margin-top: 22px;
}
#header ul.globalnavi li.company {
	height: 26px;
	width: 137px;
	margin-top: 22px;
}
#header ul.globalnavi li.inquiry {
	height: 26px;
	width: 97px;
	margin-top: 22px;
}
#header ul.globalnavi li.template a {
	background: url(../img/header_globalnavi.gif) 0px 0px;
}
#header ul.globalnavi li.photo a {
	background: url(../img/header_globalnavi.gif) -163px 0px;
}
#header ul.globalnavi li.blog a {
	background: url(../img/header_globalnavi.gif) -320px -22px;
}
#header ul.globalnavi li.service a {
	background: url(../img/header_globalnavi.gif) -460px -22px;
}
#header ul.globalnavi li.company a {
	background: url(../img/header_globalnavi.gif) -566px -22px;
}
#header ul.globalnavi li.inquiry a {
	background: url(../img/header_globalnavi.gif) -703px -22px;
}
#header ul.globalnavi li.template a:hover {
	background: url(../img/header_globalnavi.gif) 0px -48px;
}
#header ul.globalnavi li.photo a:hover {
	background: url(../img/header_globalnavi.gif) -163px -48px;
}
#header ul.globalnavi li.blog a:hover {
	background: url(../img/header_globalnavi.gif) -320px -70px;
}
#header ul.globalnavi li.service a:hover {
	background: url(../img/header_globalnavi.gif) -460px -70px;
}
#header ul.globalnavi li.company a:hover {
	background: url(../img/header_globalnavi.gif) -566px -70px;
}
#header ul.globalnavi li.inquiry a:hover {
	background: url(../img/header_globalnavi.gif) -703px -70px;
}
#container {
	width: 800px;
	overflow: hidden;
	margin: 0px auto 30px;
}
#container h2 {
	font-size: 14px;
	line-height: 30px;
	background: url(../img/container_h2.gif);
	margin: 0px 0px 20px;
	text-indent: 20px;
	clear: both;
}
#container a img {
	border-style: none;
}


#container p {
	line-height: 1.8em;
	margin: 0px 10px 20px 50px;
}
#container img {
	display: block;
	margin: 0px auto 10px;
}
#container img.left {
	margin: 0px 20px 10px 0px;
	float: left;
}
#container img.right {
	margin: 0px 0px 10px 20px;
	float: right;
}
#container .title-img {
	margin-bottom:20px;
}
#container p.button {
	font-weight: bold;
	background: url(../img/next-step.gif) no-repeat top;
	text-align: center;
	margin: 40px auto;
	width: 362px;
	height: 77px;
	line-height: 77px;
	clear: both;
}
#container p.button a {
	text-decoration: none;
	display: block;
	height: 77px;
	color: #FFFFFF;
	font-size: 14px;
}
#container p.button a:hover {
	color:#FF0;
}

#container ul.topicpass {
	margin: 0px 0px 10px;
}
#container ul.topicpass li {
	display: inline;
	list-style: none;
	margin-right: 8px;
}
#container ul.topicpass li a {
	margin-left: 8px;
}


#contents {
	float: left;
	width: 580px;
}
#contents h2 {
	background: url(/common/img/contents_h2.gif);
}
#contents h3 {
	margin: 0px 0px 10px 20px;
	font-size: 12px;
	line-height: 19px;
	font-weight: normal;
	color: #FFF;
	background: #64285A url(../img/container_h3.gif) left;
	text-indent: 35px;
	clear: both;
}
#contents h3 a {
	color: #FFF;
}
#contents h4 {
	background: url(../img/contents_h4.gif) no-repeat bottom;
	letter-spacing: 0.5em;
	text-align: center;
	height: 40px;
	width: 400px;
	margin: 10px auto 10px 100px;
	line-height: 20px;
	font-size: 1em;
	color: #630;
}
#container table {
	margin: 0px 25px 30px;
	width: 95%;
	border-top: 3px solid #54174D;
	border-bottom: 3px solid #54174D;
}
#container th {
	padding: 10px;
	border-bottom: 1px solid #CCC;
	color: #333;
	background: #f5f5f5;
	width: 30%;
	text-align: left;
	vertical-align: top;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}
#container table caption {
	color: #54174D;
	font-weight: bold;
	line-height: 2em;
}

#container td {
	border-bottom: 1px dotted #333;
	color: #333;
	padding: 10px;
	line-height: 1.5em;
	vertical-align: middle;
}
#container td span{
	font-size:10px;
}
#contents p {
	margin: 15px 20px 40px 50px;
}
#contents ul {
	margin-left: 60px;
}

#contents dl {
	margin-left: 70px;
}
#contents dl dt {
	background: url(/common/img/arrow2-ico.gif) no-repeat left center;
	text-indent: 15px;
}
#contents dl dd {
	padding-left: 15px;
}
#contents ol {
	line-height: 2em;
	margin: 15px 20px 30px 60px;
	color: #666666;
}
#contents ol li {
	margin-bottom: 10px;
}
#contents ul.submit {
	text-align: center;
	padding: 10px 0px;
	margin: 0px;
}
#contents ul.submit li {
	display: inline;
	margin: 5px;
	list-style: none;
}
#contents dl.cell{
	margin: 20px 0px 20px 50px;
	border-top: 4px solid #60275A;
	border-bottom: 4px solid #60275A;
}
#contents dl.cell dt, #contents form#contact dt {
	clear: left;
	float: left;
	width: 180px;
	line-height: 3em;
	height: 3em;
	background: url(../img/arrow-ico.gif) no-repeat 5px center;
	text-indent: 30px;
	font-weight: bold;
	color:#000;
}
#contents dl.cell dt span, #contents form#contact dt span {
	font-size: 10px;
	color:#990000;
}
#contents dl.cell dd, #contents form#contact dd {
	padding: 10px 0px 10px 190px;
	line-height: 1.5em;
	border-bottom: 1px dotted #CCCCCC;
	color: #666666;
}
#contents dl.example {
	margin-left: 50px;
}
#contents dl.example dt {
	font-size: 14px;
	line-height: 1.6em;
	font-weight: bold;
	color: #54174D;
	background: url(/common/img/icon_arrow2.gif) no-repeat 8px center;
	text-indent: 20px;
	border-bottom: 1px solid #54174D;
	clear: both;
	margin-bottom: 8px;
}
#contents dl.example dd {
	line-height: 1.5em;
}
#contents dl.example dd img {
	margin: 0px 0px 15px 10px;
	float: right;
}

#side {
	width: 200px;
	float: right;
}
#side h2 {
	display: none;
}

#side h3 {
	line-height: 2em;
	text-indent: 10px;
	height: 2em;
	border-bottom: 1px solid #60275A;
	border-left: 4px solid #60275A;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
	font-size: 1.2em;
	color: #630;
	clear: both;
}

#side ul.navi {
	border: 3px solid #CCCCCC;
	margin-bottom: 20px;
}
#side ul.navi li {
	line-height: 36px;
	height: 36px;
	border-bottom: 1px solid #DDDDDD;
	list-style: none;
	text-indent: 18px;
	border-top: 1px solid #FFFFFF;
	padding:0;
	background:none;
}
#side ul.navi li a {
	background: url(../img/icon_arrow1.gif) no-repeat 3px center;
	display: block;
	height: 100%;
	color: #666666;
	text-decoration: none;
}
#side ul.navi li a:hover, #side ul.navi li a.ac {
	background: #F8F8F8 url(../img/icon_arrow1.gif) no-repeat 3px center;
	text-decoration: none;
}
#side ul.navi li a.blank { background: url(../img/side_blank.gif) no-repeat; 
}
#side ul.navi li a:hover.blank { background: url(../img/side_blank_over.gif) no-repeat; 
}

#side dl {
	margin-bottom: 30px;
	clear: both;
}


#side dt {
	line-height: 2em;
	text-indent: 10px;
	height: 2em;
	border-bottom: 1px solid #60275A;
	border-left: 4px solid #60275A;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
	font-size: 1.2em;
	color: #630;
	clear: both;
}
#side dd {
	margin: 0px 0px 25px 10px;
}
#side dd img {
	display: block;
	margin: 5px auto;
}
#side dd.thumb li {
	float: left;
	height: 55px;
	width: 55px;
	margin: 0px 5px 5px 0px;
	padding: 0px;
	background: url(none);
}

#side dd.thumb ul {
	float: left;
	margin: 0px 0px 20px;
	padding: 0px;
}
#side dd.thumb ul li img {
	height: 55px;
	width: 55px;
	margin: 0px;
	padding: 0px;
}

#side div.ceo, #side div.develop {
	height: 115px;
	margin-bottom: 10px;
	position: relative;
	font: 10px "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
#side div.ceo h3, #side div.develop h3 {
	background: url(none);
	margin: 0px;
	height: 50px;
	text-indent: -9999px;
}
#side div.ceo h3 a, #side div.develop h3 a {
	display: block;
	height: 100%;
}
#side div.ceo {
	display:none;
	background: url(../img/side_ceo.jpg);
}
#side span.date {
	margin-right: 5px;
}
#side div.develop {
	display:none;
	background: url(../img/side_develop.jpg);
	color: #FFF;
}
#side div.ceo dl {
	position: absolute;
	top: 60px;
	left: 10px;
	width: 190px;
	line-height: 1.5em;
}
#side div.ceo dl a {
	text-decoration:none;
	border-bottom: 1px solid #333;
	color: #333;
}
#side div.ceo dl a:hover {
	border-bottom: none;
}
#side div.develop {
	margin-bottom: 20px;
}

#side div.develop dl {
	position: absolute;
	top: 60px;
	left: 10px;
	width: 190px;
	line-height: 1.5em;
	color: #FFF;
}
#side div.develop dl a {
	text-decoration:none;
	border-bottom: 1px solid #FFF;
	color: #FFF;
}
#side div.develop dl a:hover {
	border-bottom: none;
}
#side div.catee {
	display:none;
}
#side div.catee h3 {
	margin: 0px;
	font-size: 10px;

	line-height: 10px;
	background: url(../../blog/img/catee_rss.jpg) no-repeat center;
	text-indent: -9999px;
	height: 100px;
}
#side div.catee h3 a {
	display:block;
	height:100%;
}
#side div.catee dt {
	margin: 0px 6px 8px 0px;
	float: left;
	height: 90px;
	width: 90px;
	text-indent: 0px;
	border-style: none;
	clear: none;
}
#side div.catee dt img{
	height: 90px;
	width: 90px;
	border-style: none;
}
#side div.catee dt span{
	display: none;
}
#side div.catee dd {
	display: none;
}
#side ul a[target="_blank"]{
	background:url(../img/blank.gif) no-repeat right center;
	padding-right:12px;
	margin-right: 5px;
}
#side #twtr-widget-1 {
	margin-top: -10px;
	margin-bottom: 20px;
}
#side #twtr-widget-1 .twtr-doc .twtr-hd h3   {
	background: url(none);
	clear: none;
	text-indent: 0;
	letter-spacing: 0;
	font-size: 10px;
}
#side .twtr-widget .twtr-doc .twtr-hd h4   {
	text-indent: 0;
	letter-spacing: 0;
	font-size: 10px;
	font-weight:normal;
}

#side #twtr-widget-1 .twtr-doc .twtr-timeline .twtr-tweets p{
	color:#000;
	text-indent: 0;
}
#side #twtr-widget-1 .twtr-ft{
	font-size: 10px;
}




#side p {
	text-indent: -9999px;
	margin: 0px 0px 10px;
}
#side p.ceo {
	background: url(../img/side_blog-ceo.jpg);
	height: 115px;
}
#side p.ec {
	background: url(../img/side_blog-ec.jpg);
	height: 101px;
	margin-bottom: 40px;
}
#side p a {
	height: 100%;
	display: block;
}

#footer {
	background: url(../img/footer.gif) no-repeat center 16px;
	height: 426px;
	margin: 0px auto;
	width: 800px;
	position: relative;
}
#footer a {
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

#footer p.pagetop {
	font-size: 10px;
	line-height: 10px;
	background: url(../img/footer_pagetop.gif);
	text-indent: -9999px;
	height: 16px;
	width: 91px;
	margin-left: 709px;
}
#footer p.pagetop a {
	display: block;
	height: 100%;
}
#footer p.contact {
	font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
	position: absolute;
	height: 65px;
	width: 280px;
	left: 259px;
	top: 154px;
}
#footer p.contact a {
	display: block;
	height: 100%;
}
#footer p.template {
	font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
	position: absolute;
	height: 100px;
	width: 200px;
	left: 195px;
	top: 244px;
}
#footer p.template a {
	display: block;
	height: 100%;
}
#footer p.photo {
	font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
	position: absolute;
	height: 100px;
	width: 200px;
	left: 416px;
	top: 244px;
}
#footer p.photo a {
	display: block;
	height: 100%;
}
#footer p.navi {
	line-height: 33px;
	color: #999;
	background: url(../img/footer_navi.gif);
	text-align: center;
	height: 33px;
	width: 800px;
	position: absolute;
	top: 359px;
}