/*
-----------------------------------------------
WebGraphy Styles
Version:  07 Jul 2008
----------------------------------------------- */

@charset "Shift_JIS";

/* ------ MainImage ------ */
#MainImage {
	margin: 0;
	padding: 0;
	clear: both;
	width: 778px;
	border-top: 1px solid #32327A;
}

/* ------ PrimaryContents ------ */

#PrimaryContents {
	margin: 30px 0 0 30px;
	padding: 0;
	float: left;
	width: 500px;
}
#newyear {
	margin: 0;
	padding: 0;
	width: 500px;
	height: 160px;
	font-size: 0.8em;
	line-height: 1.6em;
}
.aisatsu {
	
	color: #951620;
	font-size: 1.2em;
	display: block;
	border-bottom: 2px dotted #951620; 
}	
.ichido {
	text-align: right;
	display: block;
}
html*#PrimaryContents {
	margin: 30px 0 0 18px;
	padding: 0;
	float: left;
	width: 500px;
}
dl#LeadBox {
	margin: 10px 0 0 0;
	padding: 0;
	width: 500px;
	height: 100px;
	background: transparent url(../image/index_lead_bg.gif) no-repeat;
}
dl#LeadBox dt {
	margin: 0 0 0 10px;
	padding: 0;
	width: 396px;
	height: 40px;
	background: transparent url(../image/index_lead.gif) left center no-repeat;
	text-indent: -500em;
}
dl#LeadBox dd {
	margin: 0;
	width: 480px;
	font-size: 0.8em;
}
dl#CntWeb {
	margin: 15px 0 5px 0;
	padding: 0;
	width: 500px;
}
dl#CntWeb dt {
	margin: 0;
	padding: 6px 0;
	background: #32327A url(../image/index_title_web.gif) 10px center no-repeat;
	text-indent: -500em;
}
dl#CntWeb dd {
	margin: 0;
	padding: 0;
	border-top: 1px solid #32327A;
	border-right: 1px solid #32327A;
	border-bottom: 1px solid #32327A;
	border-left: 4px solid #32327A;
	height: 70px;
}
dl#CntWeb ul {
	margin: 10px 15px;
	padding: 0;
}
dl#CntWeb ul li {
	margin: 0;
	padding: 5px 2px;
	float: left;
	width: 110px;
	background: transparent url(../common/image/main_forelink.gif) left center no-repeat;
}
dl#CntWeb ul li a{
	padding-left: 13px;
	display: block;
	font-size: 0.78em;
}
ul#CntBox {
	margin: 0;
	padding: 10px 0;
	clear: both;
}
ul#CntBox li {
	margin: 0;
	padding: 0;
	float: left;
}
ul#CntBox dl {
	margin: 0;
	padding: 0;
	clear: both;
}
ul#CntBox dt {
	border-top: 1px solid #32327A;
	border-right: 1px solid #32327A;
	border-left: 4px solid #32327A;
	width: 155px;
}
ul#CntBox dt#CntLrn {
	margin: 0 10px 0 0;
	padding: 3px 0;
	background: transparent url(../image/index_title_learn.gif) 10px center no-repeat;
	text-indent: -500em;
}
ul#CntBox dt#CntCnt {
	margin: 0 10px 0 0;
	padding: 3px 0;
	background: transparent url(../image/index_title_content.gif) 10px center no-repeat;
	text-indent: -500em;
}
ul#CntBox dt#CntDsn {
	margin: 0;
	padding: 3px 0;
	background: transparent url(../image/index_title_design.gif) 10px center no-repeat;
	text-indent: -500em;
}
ul#CntBox dd {
	margin: 0;
	padding: 0;
	border-top: 1px solid #32327A;
	border-right: 1px solid #32327A;
	border-bottom: 1px solid #32327A;
	border-left: 4px solid #32327A;
	width: 155px;
	height: 130px;
}
ul#CntBox dl ul {
	margin: 10px;
	padding: 0
}
ul#CntBox dl li {
	margin: 0;
	padding: 5px 2px;
	width: 135px;
	background: transparent url(../common/image/main_forelink.gif) left center no-repeat;
}
html*ul#CntBox dl li {
	margin: 0;
	padding: 5px 2px;
	width: 130px;
	background: transparent url(../common/image/main_forelink.gif) left center no-repeat;
}
ul#CntBox dl li a {
	padding-left: 13px;
	display: block;
	font-size: 0.78em;
}
h3 {
	margin: 0;
	padding: 30px 0 10px 0;
	clear: both;
	background: transparent url(../image/index_title_works.gif) left no-repeat;
	text-indent: -500em;
}
ol#Works {
	margin: 10px 15px;
	padding: 0;
}
ol#Works li {
	margin: 0;
	padding: 0;
	float: left;
}
ol#Works li a{
	display: block;
	width: 100px;
	height: 70px;
	text-indent: -500em;
	overflow: hidden;
}
ol#Works li#no1 a{
	margin: 0 23px 0 0;
	padding: 0;
	background: transparent url(../image/works_008.png) no-repeat;
}
ol#Works li#no2 a{
	margin: 0 23px 0 0;
	padding: 0;
	background: transparent url(../image/works_007.png) no-repeat;
}
ol#Works li#no3 a{
	margin: 0 23px 0 0;
	padding: 0;
	background: transparent url(../image/works_006.png) no-repeat;
}
ol#Works li#no4 a{
	margin: 0;
	padding: 0;
	background: transparent url(../image/works_005.png) no-repeat;
}
ol#Works li#no5 a{
	margin: 20px 23px 0 0;
	padding: 0;
	background: transparent url(../image/works_hgh21.jpg) no-repeat;
}
ol#Works li#no6 a{
	margin: 20px 23px 0 0;
	padding: 0;
	background: transparent url(../image/works_001.gif) no-repeat;
}
ol#Works li#no7 a{
	margin: 20px 23px 0 0;
	padding: 0;
	background: transparent url(../image/works_nss.jpg) no-repeat;
}
ol#Works li#no8 a{
	margin: 20px 0 15px 0;
	padding: 0;
	background: transparent url(../image/index_works_soon.gif) no-repeat;
}
span#WkLnk {
	margin: 0 0 20px 375px;
	padding: 0;
	clear: both;
	display: block;
}
span#WkLnk a {
	display: block;
	background: transparent url(../image/index_works_link.gif) no-repeat;
	text-indent: -500em;
}
ul#PmBnr {
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	width: 500px;
}
ul#PmBnr li {
	float: left;
}
ul#PmBnr li a {
	display: block;
	width: 245px;
	height: 30px;
}
ul#PmBnr li#Blog a {
	margin-right: 10px;
	background: transparent url(../image/banner_blog.gif) no-repeat;
	text-indent: -500em;
}
ul#PmBnr li#Starterpack a {
	background: transparent url(../image/banner_starterpack.gif) no-repeat;
	text-indent: -500em;
}
ul#PmBnr li#Alliance a {
	margin-top: 10px;
	margin-right: 10px;
	clear: both;
	background: transparent url(../image/banner_alliance.gif) no-repeat;
	text-indent: -500em;
}
ul#PmBnr li#Creator a {
	margin-top: 10px;
	background: transparent url(../image/banner_creator.gif) no-repeat;
	text-indent: -500em;
}

  /* ------ SecondaryContents ------ */
#SecondaryContents {
	margin: 30px 30px 0 0;
	padding: 0;
	float: right;
	width: 200px;
}
html*#SecondaryContents {
	margin: 30px 18px 0 0;
	padding: 0;
	float: right;
	width: 200px;
}
dl#SndCnt {
	margin: 0;
	padding: 0;
}
dl#SndCnt dt {
	margin: 0;
	padding: 0;
}
dl#SndCnt dt#News {
	width: 200px;
	height: 20px;
	background: transparent url(../image/index_title_news.gif) no-repeat;
	text-indent: -500em;
}
dl#SndCnt dt#Access {
	margin: 10px 0 0 0;
	width: 200px;
	height: 20px;
	background: transparent url(../image/index_title_access.gif) no-repeat;
	text-indent: -500em;
}
dl#SndCnt dd.SndBdr {
	margin: 2px 0 0 0;
	padding: 0;
	border: 1px solid #32327A;
}
dl#SndCnt dl#NewsTxt{
	margin: 0;
	padding: 5px;
}
dl#SndCnt dl#NewsTxt dt{
	margin: 0;
	padding: 0;
	color: #A81A26;
	font-size: 0.85em;
}
dl#SndCnt dl#NewsTxt dt.deco{
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	background: transparent url(../image/index_news_line.gif) left top no-repeat;
	color: #A81A26;
	font-size: 85%;
}
dl#SndCnt dl#NewsTxt dd{
	margin: 0;
	padding: 0;
	color: #32327A;
	font-size: 0.8em;
}
span#NwLnk {
	margin: 10px 0 0 90px;
	padding: 0;
	display: block;
}
span#NwLnk a {
	display: block;
	background: transparent url(../image/index_news_link.gif) no-repeat;
	text-indent: -500em;
}
dl#SndCnt dl#Map{
	margin: 0;
	padding: 0;
}
dl#SndCnt dl#Map dt{
	display: block;
	width: 198px;
	height: 126px;
	background: transparent url(../image/index_access_map.gif) no-repeat;
	text-indent: -500em;
}
dl#SndCnt dl#Map dd{
	padding: 5px;
	border-top: 1px solid #32327A;
	background: transparent url(../image/index_access_bg.gif);
	color: #32327A;
	font-size: 75%;
}
dl#SndCnt dl#Map dd span a {
	margin-left: 130px;
	display: block;
	width: 55px;
	height: 11px;
	background: transparent url(../image/index_access_link.gif) no-repeat;
	text-indent: -500em;
}
ol#SndBnr {
	margin: 0;
	padding: 0;
	clear: both;
}
ol#SndBnr li {
	margin: 10px 0;
	padding: 0;
}
ol#SndBnr li a {
	display: block;
	width: 200px;
	height: 30px;
	text-indent: -500em;
}
ol#SndBnr li#Comp a {
	background: transparent url(../image/banner_company.gif) no-repeat;
}
ol#SndBnr li#Hire a {
	background: transparent url(../image/banner_hire.gif) no-repeat;
}
ol#SndBnr li#Inq a {
	background: transparent url(../image/banner_inquiry.gif) no-repeat;
}

.china {
    font-family: Tahoma, 'MS UI Gothic', Osaka, sans-serif;
}