@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////

	[layout.css]
	
	(C) Shinkousoku Printing Inc.
	
	contents:
		1. container
			1-1. clearfix
			1-2. image replacement
		2. header
			2-1. logo
			2-2. path
		3. content
			3-1. main
			3-2. sidebar
		4. footer

//////////////////////////////////////////////////////////////////////////////*/


/*------------------------------------------------------------------------------

	1. container

------------------------------------------------------------------------------*/

* html body {
	text-align: center;
}

div#container {
	width: 860px;
	margin: 0 auto;
}
* html div#container {
	text-align: left;
}


/*	1-1. clearfix
------------------------------------------------------------------------------*/

\div#content:after,
div.section:after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}
\*:first-child+html div#content,
*:first-child+html div.section {
	zoom: 1;
}
\* html div#content,
* html div.section {
	zoom: 1;
}


/*	1-2. image replacement
------------------------------------------------------------------------------*/

div#header,
div#header p.path,
div#header p.path a,
div#content h2,
div#main h3 span,
div#main h3 a,
div#main h4 span,
div#main h4 a,
div#main ul li span,
div#main ul li a,
div#sidebar h3 span,
div#sidebar h4 span,
div#sidebar h4 a,
div#sidebar ul li span,
div#sidebar ul li a,
div#footer,
body.how_to_use div#content div#main,
body.how_to_use div#content div#main ol,
body.regulation div#content div#main,
body.regulation div#content div#main ol {
	display: block;
	overflow: hidden;
	outline: none;
	text-indent: -9999px;
}


/*------------------------------------------------------------------------------

	2. header

------------------------------------------------------------------------------*/

div#header {
	position: relative;
	width: 860px;
	height: 46px;
	background-image: url(../img/common/header/bg_header.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 84px 0 0;
}
* html div#header {
	height: 130px;
}
body.t_media div#header       { background-position: 0  -140px; }
body.s_media div#header       { background-position: 0  -280px; }
body.collaboration div#header {	background-position: 0  -420px; }
body.m_data div#header        { background-position: 0  -560px; }
body.how_to_use div#header    { background-position: 0  -840px; }
body.regulation div#header    { background-position: 0  -980px; }


div#header p {
	display: none;
}


/* 2-1. logo
------------------------------------------------------------------------------*/

div#header h1 {
	width: 336px;
	height: 30px;
	margin: 0 0 0 40px;
}

body.index div#header h1 {
	background: url(../img/common/header/bg_logo.gif) no-repeat left top;
}

div#header h1 a {
	outline: none;
	display: block;
	width: 336px;
	height: 30px;
	background-image: url(../img/common/header/bg_logo.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

body.t_media div#header h1 a       { background-position: 0  -30px; }
body.s_media div#header h1 a       { background-position: 0  -60px; }
body.collaboration div#header h1 a { background-position: 0  -90px; }
body.m_data div#header h1 a        { background-position: 0 -120px; }
body.how_to_use div#header h1 a    { background-position: 0 -150px; }
body.regulation div#header h1 a    { background-position: 0 -150px; }

body.t_media div#header h1 a:hover       { background-position: -336px  -30px; }
body.s_media div#header h1 a:hover       { background-position: -336px  -60px; }
body.collaboration div#header h1 a:hover { background-position: -336px  -90px; }
body.m_data div#header h1 a:hover        { background-position: -336px -120px; }
body.how_to_use div#header h1 a:hover    { background-position: -336px -150px; }
body.regulation div#header h1 a:hover    { background-position: -336px -150px; }


/* 2-2. path
------------------------------------------------------------------------------*/

div#header p.path {
	display: block;
	position: absolute;
	right: 40px;
	bottom: 18px;
	height: 13px;
	background-repeat: no-repeat;
	background-image: url(../img/common/header/bg_path.gif);
	background-position: 0 0;
}

body.t_media div#header p.path {
	width: 112px;
	background-position: 0 0;
}
body.s_media01 div#header p.path {
	width: 169px;
	background-position: 0 -13px;
}
body.s_media02 div#header p.path {
	width: 170px;
	background-position: 0 -26px;
}
body.s_media03 div#header p.path {
	width: 178px;
	background-position: 0 -39px;
}
body.s_media04 div#header p.path {
	width: 185px;
	background-position: 0 -52px;
}
body.collaboration div#header p.path {
	width: 95px;
	background-position: 0 -65px;
}
body.m_data01 div#header p.path {
	width: 285px;
	background-position: 0 -78px;
}
body.m_data02 div#header p.path {
	width: 122px;
	background-position: 0 -91px;
}
body.m_data03 div#header p.path {
	width: 220px;
	background-position: 0 -104px;
}
body.how_to_use div#header p.path {
	width: 106px;
	background-position: 0 -156px;
}
body.regulation div#header p.path {
	width: 95px;
	background-position: 0 -169px;
}

div#header p.path a {
	width: 30px;
	height: 13px;
	background-image: url(../img/common/header/bt_path.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#header p.path a:hover {
	background-position: 0 -13px;
}


/*------------------------------------------------------------------------------

	3. content

------------------------------------------------------------------------------*/

div#content {
	position: relative;
	width: 810px;
	margin: 0 0 30px 30px;
}
body.t_media div#content {
	height: 895px;
	background: url(../img/common/content/bg_t_media.gif) no-repeat left top;
}
body.s_media01 div#content {
	height: 895px;
	background: url(../img/common/content/bg_s_media01.gif) no-repeat left top;
}
body.s_media02 div#content {
	height: 895px;
	background: url(../img/common/content/bg_s_media02.gif) no-repeat left top;
}
body.s_media03 div#content {
	height: 895px;
	background: url(../img/common/content/bg_s_media03.gif) no-repeat left top;
}
body.s_media04 div#content {
	height: 895px;
	background: url(../img/common/content/bg_s_media04.gif) no-repeat left top;
}

body.collaboration div#content {
	height: 895px;
	background: url(../img/common/content/bg_collaboration.gif) no-repeat left top;
}

body.m_data01 div#content {
	height: 895px;
	background: url(../img/common/content/bg_m_data01.gif) no-repeat left top;
}

body.m_data02 div#content {
	height: 895px;
	background: url(../img/common/content/bg_m_data02.gif) no-repeat left top;
}

body.m_data03 div#content {
	height: 895px;
	background: url(../img/common/content/bg_m_data03.gif) no-repeat left top;
}

body.how_to_use div#content {
	height: 895px;
	background: url(../img/common/content/bg_how_to_use.gif) no-repeat left top;
}

body.regulation div#content {
	height: 1290px;
	background: url(../img/common/content/bg_regulation.gif) no-repeat left top;
}

div#content h2,
div#content h3,
div#content h4,
div#content ul,
div#content li {
	margin: 0;
	padding: 0;
}

div#content ul {
	list-style: none;
}

div#content h2 {
	width: 260px;
	height: 30px;
	margin: 0 0 10px;
	background-image: url(../img/common/content/bg_heading.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

body.t_media div#content h2       { background-position: 0  -90px; }
body.s_media div#content h2       { background-position: 0 -120px; }
body.collaboration div#content h2 { background-position: 0 -150px; }
body.m_data div#content h2        { background-position: 0  -30px; }
body.how_to_use div#content h2    { background-position: 0 -210px; }
body.regulation div#content h2    { background-position: 0 -240px; }


/*	3-1. main
------------------------------------------------------------------------------*/

div#main {
	float: left;
	width: 560px;
}

div#main div.section {
	padding: 20px;
}

div#main div.section div.column_left,
div#main div.section div.column_right {
	width: 250px;
}

div#main div.section div.column_left {
	float: left;
}

div#main div.section div.column_right {
	float: right;
}

div#main div.column_left div.section,
div#main div.column_right div.section {
	padding: 0;
}

div#main div.section div.section {
	padding: 20px 0;
	border-top: 1px dotted #333;
}
div#main div.section div.first {
	padding: 0 0 20px;
	border: none;
}

body.t_media div#main div.section div.section {
	border-color: #36B175;
}
body.s_media div#main div.section div.section {
	border-color: #EB611E;
}
body.collaboration div#main div.section div.section {
	border-color: #CD6EA8;
}
body.m_data div#main div.section div.section {
	border-color: #4693C3;
}

/* h */
div#main h3 span,
div#main h3 a {
	height: 18px;
	margin: 0 0 15px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#main h3 span.l2,
div#main h3 a.l2 {
	height: 36px;
}

body.t_media div#main h3 span,
body.t_media div#main h3 a {
	background-image: url(../img/common/main/bg_h_t_media.gif);
}
body.s_media01 div#main h3 span,
body.s_media01 div#main h3 a {
	background-image: url(../img/common/main/bg_h_s_media01.gif);
}
body.s_media02 div#main h3 span,
body.s_media02 div#main h3 a {
	background-image: url(../img/common/main/bg_h_s_media02.gif);
}
body.s_media03 div#main h3 span,
body.s_media03 div#main h3 a {
	background-image: url(../img/common/main/bg_h_s_media03.gif);
}
body.s_media04 div#main h3 span,
body.s_media04 div#main h3 a {
	background-image: url(../img/common/main/bg_h_s_media04.gif);
}
body.collaboration div#main h3 span,
body.collaboration div#main h3 a {
	background-image: url(../img/common/main/bg_h_collaboration.gif);
}
body.m_data01 div#main h3 span,
body.m_data01 div#main h3 a {
	background-image: url(../img/common/main/bg_h_m_data01.gif);
}
body.m_data02 div#main h3 span,
body.m_data02 div#main h3 a {
	background-image: url(../img/common/main/bg_h_m_data02.gif);
}
body.m_data03 div#main h3 span,
body.m_data03 div#main h3 a {
	background-image: url(../img/common/main/bg_h_m_data03.gif);
}

/* s */
div#main h4 span,
div#main h4 a {
	height: 18px;
	margin: 0 0 10px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#main h4 span.l2,
div#main h4 a.l2 {
	height: 36px;
}

body.t_media div#main h4 span,
body.t_media div#main h4 a {
	background-image: url(../img/common/main/bg_s_t_media.gif);
}
body.s_media01 div#main h4 span,
body.s_media01 div#main h4 a {
	background-image: url(../img/common/main/bg_s_s_media01.gif);
}
body.s_media02 div#main h4 span,
body.s_media02 div#main h4 a {
	background-image: url(../img/common/main/bg_s_s_media02.gif);
}
body.s_media03 div#main h4 span,
body.s_media03 div#main h4 a {
	background-image: url(../img/common/main/bg_s_s_media03.gif);
}
body.s_media04 div#main h4 span,
body.s_media04 div#main h4 a {
	background-image: url(../img/common/main/bg_s_s_media04.gif);
}
body.collaboration div#main h4 span,
body.collaboration div#main h4 a {
	background-image: url(../img/common/main/bg_s_collaboration.gif);
}
body.m_data01 div#main h4 span,
body.m_data01 div#main h4 a {
	background-image: url(../img/common/main/bg_s_m_data01.gif);
}
body.m_data02 div#main h4 span,
body.m_data02 div#main h4 a {
	background-image: url(../img/common/main/bg_s_m_data02.gif);
}
body.m_data03 div#main h4 span,
body.m_data03 div#main h4 a {
	background-image: url(../img/common/main/bg_s_m_data03.gif);
}

/* m */
div#main ul,
div#main ul li {
	width: 250px;
}
* html div#main ul,
* html div#main ul li {
	display: inline;
}

/* line */
div#main ul li span,
div#main ul li a {
	height: 18px;
	margin: 0 0 10px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#main ul li span.l2,
div#main ul li a.l2 {
	height: 36px;
}
div#main ul li span.l3,
div#main ul li a.l3 {
	height: 54px;
}
div#main ul li span.l4,
div#main ul li a.l4 {
	height: 72px;
}

/* subelement */
div#main li.subelement span,
div#main li.subelement a{
	margin: 0;
}

div#main li.subelement ul {
	margin: 10px 0 10px;
}
* html div#main li.subelement ul {
	margin: 10px 0 5px;
}
*:first-child+html div#main li.subelement ul {
	margin: 10px 0 5px;
}

div#main li.subelement ul a,
div#main li.subelement ul span {
	margin: 0 0 5px;
}

/* indent */
div#main ul.i1 li span,
div#main ul.i1 li a {
	margin-left: 14px;
}

div#main ul.i2 li span,
div#main ul.i2 li a {
	margin-left: 28px;
}


body.t_media div#main ul li span,
body.t_media div#main ul li a {
	background-image: url(../img/common/main/bg_m_t_media.gif);
}
body.s_media01 div#main ul li span,
body.s_media01 div#main ul li a {
	background-image: url(../img/common/main/bg_m_s_media01.gif);
}
body.s_media02 div#main ul li span,
body.s_media02 div#main ul li a {
	background-image: url(../img/common/main/bg_m_s_media02.gif);
}
body.s_media03 div#main ul li span,
body.s_media03 div#main ul li a {
	background-image: url(../img/common/main/bg_m_s_media03.gif);
}
body.s_media04 div#main ul li span,
body.s_media04 div#main ul li a {
	background-image: url(../img/common/main/bg_m_s_media04.gif);
}
body.collaboration div#main ul li span,
body.collaboration div#main ul li a {
	background-image: url(../img/common/main/bg_m_collaboration.gif);
}
body.m_data01 div#main ul li span,
body.m_data01 div#main ul li a {
	background-image: url(../img/common/main/bg_m_m_data01.gif);
}
body.m_data02 div#main ul li span,
body.m_data02 div#main ul li a {
	background-image: url(../img/common/main/bg_m_m_data02.gif);
}
body.m_data03 div#main ul li span,
body.m_data03 div#main ul li a {
	background-image: url(../img/common/main/bg_m_m_data03.gif);
}

/* h */
div#main h3 span.h1,
div#main h3 a.h1 { background-position: 0      0; }

div#main h3 span.h2,
div#main h3 a.h2 { background-position: 0  -60px; }

div#main h3 span.h3,
div#main h3 a.h3 { background-position: 0 -120px; }

div#main h3 span.h4,
div#main h3 a.h4 { background-position: 0 -180px; }

div#main h3 span.h5,
div#main h3 a.h5 { background-position: 0 -240px; }

div#main h3 span.h6,
div#main h3 a.h6 { background-position: 0 -300px; }

/* h:hover */
div#main h3 a.h1:hover { background-position: -250px      0; }
div#main h3 a.h2:hover { background-position: -250px  -60px; }
div#main h3 a.h3:hover { background-position: -250px -120px; }
div#main h3 a.h4:hover { background-position: -250px -180px; }
div#main h3 a.h5:hover { background-position: -250px -240px; }
div#main h3 a.h6:hover { background-position: -250px -300px; }

/* s */
div#main h4 span.s1,
div#main h4 a.s1 { background-position: 0      0; }

div#main h4 span.s2,
div#main h4 a.s2 { background-position: 0 -100px; }

div#main h4 span.s3,
div#main h4 a.s3 { background-position: 0 -200px; }

div#main h4 span.s4,
div#main h4 a.s4 { background-position: 0 -300px; }

div#main h4 span.s5,
div#main h4 a.s5 { background-position: 0 -400px; }

div#main h4 span.s6,
div#main h4 a.s6 { background-position: 0 -500px; }

/* s:hover */
div#main h4 a.s1:hover { background-position: -250px      0; }
div#main h4 a.s2:hover { background-position: -250px -100px; }
div#main h4 a.s3:hover { background-position: -250px -200px; }
div#main h4 a.s4:hover { background-position: -250px -300px; }
div#main h4 a.s5:hover { background-position: -250px -400px; }
div#main h4 a.s6:hover { background-position: -250px -500px; }

/* m */
div#main li span.m1,
div#main li a.m1  { background-position: 0        0; }

div#main li span.m2,
div#main li a.m2  { background-position: 0   -100px; }

div#main li span.m3,
div#main li a.m3  { background-position: 0   -200px; }

div#main li span.m4,
div#main li a.m4  { background-position: 0   -300px; }

div#main li span.m5,
div#main li a.m5  { background-position: 0   -400px; }

div#main li span.m6,
div#main li a.m6  { background-position: 0   -500px; }

div#main li span.m7,
div#main li a.m7  { background-position: 0   -600px; }

div#main li span.m8,
div#main li a.m8  { background-position: 0   -700px; }

div#main li span.m9,
div#main li a.m9  { background-position: 0   -800px; }

div#main li span.m10,
div#main li a.m10 { background-position: 0   -900px; }

div#main li span.m11,
div#main li a.m11 { background-position: 0  -1000px; }

div#main li span.m12,
div#main li a.m12 { background-position: 0  -1100px; }

div#main li span.m13,
div#main li a.m13 { background-position: 0  -1200px; }

div#main li span.m14,
div#main li a.m14 { background-position: 0  -1300px; }

div#main li span.m15,
div#main li a.m15 { background-position: 0  -1400px; }

div#main li span.m16,
div#main li a.m16 { background-position: 0  -1500px; }

div#main li span.m17,
div#main li a.m17 { background-position: 0  -1600px; }

div#main li span.m18,
div#main li a.m18 { background-position: 0  -1700px; }

div#main li span.m19,
div#main li a.m19 { background-position: 0  -1800px; }

div#main li span.m20,
div#main li a.m20 { background-position: 0  -1900px; }

div#main li span.m21,
div#main li a.m21 { background-position: 0  -2000px; }

div#main li span.m22,
div#main li a.m22 { background-position: 0  -2100px; }

div#main li span.m23,
div#main li a.m23 { background-position: 0  -2200px; }

div#main li span.m24,
div#main li a.m24 { background-position: 0  -2300px; }

div#main li span.m25,
div#main li a.m25 { background-position: 0  -2400px; }

div#main li span.m26,
div#main li a.m26 { background-position: 0  -2500px; }

div#main li span.m27,
div#main li a.m27 { background-position: 0  -2600px; }

div#main li span.m28,
div#main li a.m28 { background-position: 0  -2700px; }

div#main li span.m29,
div#main li a.m29 { background-position: 0  -2800px; }

div#main li span.m30,
div#main li a.m30 { background-position: 0  -2900px; }

div#main li span.m31,
div#main li a.m31 { background-position: 0  -3000px; }

div#main li span.m32,
div#main li a.m32 { background-position: 0  -3100px; }

div#main li span.m33,
div#main li a.m33 { background-position: 0  -3200px; }

div#main li span.m34,
div#main li a.m34 { background-position: 0  -3300px; }

div#main li span.m35,
div#main li a.m35 { background-position: 0  -3400px; }

div#main li span.m36,
div#main li a.m36 { background-position: 0  -3500px; }

div#main li span.m37,
div#main li a.m37 { background-position: 0  -3600px; }

div#main li span.m38,
div#main li a.m38 { background-position: 0  -3700px; }

div#main li span.m39,
div#main li a.m39 { background-position: 0  -3800px; }

div#main li span.m40,
div#main li a.m40 { background-position: 0  -3900px; }

div#main li span.m41,
div#main li a.m41 { background-position: 0  -4000px; }

div#main li span.m42,
div#main li a.m42 { background-position: 0  -4100px; }

div#main li span.m43,
div#main li a.m43 { background-position: 0  -4200px; }

div#main li span.m44,
div#main li a.m44 { background-position: 0  -4300px; }

div#main li span.m45,
div#main li a.m45 { background-position: 0  -4400px; }

div#main li span.m46,
div#main li a.m46 { background-position: 0  -4500px; }

div#main li span.m47,
div#main li a.m47 { background-position: 0  -4600px; }

div#main li span.m48,
div#main li a.m49 { background-position: 0  -4700px; }

div#main li span.m50,
div#main li a.m50 { background-position: 0  -4800px; }

/* m:hover */
div#main li a.m1:hover  { background-position: -250px        0; }
div#main li a.m2:hover  { background-position: -250px   -100px; }
div#main li a.m3:hover  { background-position: -250px   -200px; }
div#main li a.m4:hover  { background-position: -250px   -300px; }
div#main li a.m5:hover  { background-position: -250px   -400px; }
div#main li a.m6:hover  { background-position: -250px   -500px; }
div#main li a.m7:hover  { background-position: -250px   -600px; }
div#main li a.m8:hover  { background-position: -250px   -700px; }
div#main li a.m9:hover  { background-position: -250px   -800px; }
div#main li a.m10:hover { background-position: -250px   -900px; }
div#main li a.m11:hover { background-position: -250px  -1000px; }
div#main li a.m12:hover { background-position: -250px  -1100px; }
div#main li a.m13:hover { background-position: -250px  -1200px; }
div#main li a.m14:hover { background-position: -250px  -1300px; }
div#main li a.m15:hover { background-position: -250px  -1400px; }
div#main li a.m16:hover { background-position: -250px  -1500px; }
div#main li a.m17:hover { background-position: -250px  -1600px; }
div#main li a.m18:hover { background-position: -250px  -1700px; }
div#main li a.m19:hover { background-position: -250px  -1800px; }
div#main li a.m20:hover { background-position: -250px  -1900px; }
div#main li a.m21:hover { background-position: -250px  -2000px; }
div#main li a.m22:hover { background-position: -250px  -2100px; }
div#main li a.m23:hover { background-position: -250px  -2200px; }
div#main li a.m24:hover { background-position: -250px  -2300px; }
div#main li a.m25:hover { background-position: -250px  -2400px; }
div#main li a.m26:hover { background-position: -250px  -2500px; }
div#main li a.m27:hover { background-position: -250px  -2600px; }
div#main li a.m28:hover { background-position: -250px  -2700px; }
div#main li a.m29:hover { background-position: -250px  -2800px; }
div#main li a.m30:hover { background-position: -250px  -2900px; }
div#main li a.m31:hover { background-position: -250px  -3000px; }
div#main li a.m32:hover { background-position: -250px  -3100px; }
div#main li a.m33:hover { background-position: -250px  -3200px; }
div#main li a.m34:hover { background-position: -250px  -3300px; }
div#main li a.m35:hover { background-position: -250px  -3400px; }
div#main li a.m36:hover { background-position: -250px  -3500px; }
div#main li a.m37:hover { background-position: -250px  -3600px; }
div#main li a.m38:hover { background-position: -250px  -3700px; }
div#main li a.m39:hover { background-position: -250px  -3800px; }
div#main li a.m40:hover { background-position: -250px  -3900px; }
div#main li a.m41:hover { background-position: -250px  -4000px; }
div#main li a.m42:hover { background-position: -250px  -4200px; }
div#main li a.m43:hover { background-position: -250px  -4300px; }
div#main li a.m44:hover { background-position: -250px  -4400px; }
div#main li a.m45:hover { background-position: -250px  -4500px; }
div#main li a.m46:hover { background-position: -250px  -4600px; }
div#main li a.m47:hover { background-position: -250px  -4700px; }
div#main li a.m48:hover { background-position: -250px  -4800px; }
div#main li a.m49:hover { background-position: -250px  -4900px; }
div#main li a.m50:hover { background-position: -250px  -5000px; }


/*	3-2. sidebar
------------------------------------------------------------------------------*/

div#sidebar {
	float: right;
	width: 230px;
}

div#sidebar div.section {
	padding: 20px;
}

div#sidebar div.section div.section {
	padding: 0;
}

div#sidebar div.section div.section {
	padding: 10px 0 5px;
	border-top: 1px solid #83806F;
}
div#sidebar div.section div.first {
	padding: 0 0 5px;
	border: none;
}

/* h */
div#sidebar h3 span {
	height: 15px;
	margin: 0 0 10px;
	background-image: url(../img/common/sidebar/bg_h.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* s */
div#sidebar h4 span,
div#sidebar h4 a {
	height: 18px;
	margin: 0 0 5px;
	background-image: url(../img/common/sidebar/bg_s.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* line */
div#sidebar h4 span.l2,
div#sidebar h4 a.l2 {
	height: 36px;
}

/* m */
div#sidebar div.section ul,
div#sidebar div.section ul li {
	width: 190px;
}
* html div#sidebar div.section ul,
* html div#sidebar div.section ul li {
	display: inline;
}

div#sidebar ul li span,
div#sidebar ul li a {
	height: 18px;
	margin: 0 0 2px;
	background-image: url(../img/common/sidebar/bg_m.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* line */
div#sidebar ul li span.l2,
div#sidebar ul li a.l2 {
	height: 36px;
}


/* h */
div#sidebar h3 span.h1 { background-position: 0     0; }
div#sidebar h3 span.h2 { background-position: 0 -15px; }
div#sidebar h3 span.h3 { background-position: 0 -30px; }

/* s */
div#sidebar h4 span.s1,
div#sidebar h4 a.s1 { background-position: 0      0; }

div#sidebar h4 span.s2,
div#sidebar h4 a.s2 { background-position: 0  -60px; }

div#sidebar h4 span.s3,
div#sidebar h4 a.s3 { background-position: 0 -120px; }

div#sidebar h4 span.s4,
div#sidebar h4 a.s4 { background-position: 0 -180px; }

div#sidebar h4 span.s5,
div#sidebar h4 a.s5 { background-position: 0 -240px; }

div#sidebar h4 span.s6,
div#sidebar h4 a.s6 { background-position: 0 -300px; }

div#sidebar h4 span.s7,
div#sidebar h4 a.s7 { background-position: 0 -360px; }

/* s:hover */
div#sidebar h4 a.s1:hover { background-position: -190px      0; }
div#sidebar h4 a.s2:hover { background-position: -190px  -60px; }
div#sidebar h4 a.s3:hover { background-position: -190px -120px; }
div#sidebar h4 a.s4:hover { background-position: -190px -180px; }
div#sidebar h4 a.s5:hover { background-position: -190px -240px; }
div#sidebar h4 a.s6:hover { background-position: -190px -300px; }
div#sidebar h4 a.s7:hover { background-position: -190px -360px; }

div#sidebar h4.selected span.s1 { background-position: -380px      0; }
div#sidebar h4.selected span.s2 { background-position: -380px  -60px; }
div#sidebar h4.selected span.s3 { background-position: -380px -120px; }
div#sidebar h4.selected span.s4 { background-position: -380px -180px; }
div#sidebar h4.selected span.s5 { background-position: -380px -240px; }
div#sidebar h4.selected span.s6 { background-position: -380px -300px; }
div#sidebar h4.selected span.s7 { background-position: -380px -360px; }


/* m */
div#sidebar li span.m1,
div#sidebar li a.m1 { background-position: 0 0; }

div#sidebar li span.m2,
div#sidebar li a.m2 { background-position: 0 -60px; }

div#sidebar li span.m3,
div#sidebar li a.m3 { background-position: 0 -120px; }

div#sidebar li span.m4,
div#sidebar li a.m4 { background-position: 0 -180px; }

div#sidebar li span.m5,
div#sidebar li a.m5 { background-position: 0 -240px; }

div#sidebar li span.m6,
div#sidebar li a.m6 { background-position: 0 -300px; }

div#sidebar li span.m7,
div#sidebar li a.m7 { background-position: 0 -360px; }

div#sidebar li span.m8,
div#sidebar li a.m8 { background-position: 0 -420px; }

div#sidebar li span.m9,
div#sidebar li a.m9 { background-position: 0 -480px; }

div#sidebar li span.m10,
div#sidebar li a.m10 { background-position: 0 -540px; }

div#sidebar li span.m11,
div#sidebar li a.m11 { background-position: 0 -600px; }

div#sidebar li span.m12,
div#sidebar li a.m12 { background-position: 0 -660px; }

div#sidebar li span.m13,
div#sidebar li a.m13 { background-position: 0 -720px; }

div#sidebar li span.m14,
div#sidebar li a.m14 { background-position: 0 -780px; }

div#sidebar li span.m15,
div#sidebar li a.m15 { background-position: 0 -840px; }

div#sidebar li span.m16,
div#sidebar li a.m16 { background-position: 0 -900px; }

div#sidebar li span.m17,
div#sidebar li a.m17 { background-position: 0 -960px; }

div#sidebar li span.m18,
div#sidebar li a.m18 { background-position: 0 -1020px; }

div#sidebar li span.m19,
div#sidebar li a.m19 { background-position: 0 -1080px; }

div#sidebar li span.m20,
div#sidebar li a.m20 { background-position: 0 -1140px; }

div#sidebar li span.m21,
div#sidebar li a.m21 { background-position: 0 -1200px; }

div#sidebar li span.m22,
div#sidebar li a.m22 { background-position: 0 -1260px; }

/* m:hover */
div#sidebar li a.m1:hover  { background-position: -190px       0; }
div#sidebar li a.m2:hover  { background-position: -190px   -60px; }
div#sidebar li a.m3:hover  { background-position: -190px  -120px; }
div#sidebar li a.m4:hover  { background-position: -190px  -180px; }
div#sidebar li a.m5:hover  { background-position: -190px  -240px; }
div#sidebar li a.m6:hover  { background-position: -190px  -300px; }
div#sidebar li a.m7:hover  { background-position: -190px  -360px; }
div#sidebar li a.m8:hover  { background-position: -190px  -420px; }
div#sidebar li a.m9:hover  { background-position: -190px  -480px; }
div#sidebar li a.m10:hover { background-position: -190px  -540px; }
div#sidebar li a.m11:hover { background-position: -190px  -600px; }
div#sidebar li a.m12:hover { background-position: -190px  -660px; }
div#sidebar li a.m13:hover { background-position: -190px  -720px; }
div#sidebar li a.m14:hover { background-position: -190px  -780px; }
div#sidebar li a.m15:hover { background-position: -190px  -840px; }
div#sidebar li a.m16:hover { background-position: -190px  -900px; }
div#sidebar li a.m17:hover { background-position: -190px  -960px; }
div#sidebar li a.m18:hover { background-position: -190px -1020px; }
div#sidebar li a.m19:hover { background-position: -190px -1080px; }
div#sidebar li a.m20:hover { background-position: -190px -1140px; }
div#sidebar li a.m21:hover { background-position: -190px -1200px; }
div#sidebar li a.m22:hover { background-position: -190px -1260px; }

/* li.selected m */
div#sidebar li.selected span.m1  { background-position: -380px       0; }
div#sidebar li.selected span.m2  { background-position: -380px   -60px; }
div#sidebar li.selected span.m3  { background-position: -380px  -120px; }
div#sidebar li.selected span.m4  { background-position: -380px  -180px; }
div#sidebar li.selected span.m5  { background-position: -380px  -240px; }
div#sidebar li.selected span.m6  { background-position: -380px  -300px; }
div#sidebar li.selected span.m7  { background-position: -380px  -360px; }
div#sidebar li.selected span.m8  { background-position: -380px  -420px; }
div#sidebar li.selected span.m9  { background-position: -380px  -480px; }
div#sidebar li.selected span.m10 { background-position: -380px  -540px; }
div#sidebar li.selected span.m11 { background-position: -380px  -600px; }
div#sidebar li.selected span.m12 { background-position: -380px  -660px; }
div#sidebar li.selected span.m13 { background-position: -380px  -720px; }
div#sidebar li.selected span.m14 { background-position: -380px  -780px; }
div#sidebar li.selected span.m15 { background-position: -380px  -840px; }
div#sidebar li.selected span.m16 { background-position: -380px  -900px; }
div#sidebar li.selected span.m17 { background-position: -380px  -960px; }
div#sidebar li.selected span.m18 { background-position: -380px -1020px; }
div#sidebar li.selected span.m19 { background-position: -380px -1080px; }
div#sidebar li.selected span.m20 { background-position: -380px -1140px; }
div#sidebar li.selected span.m21 { background-position: -380px -1200px; }
div#sidebar li.selected span.m22 { background-position: -380px -1260px; }


/*------------------------------------------------------------------------------

	4. footer

------------------------------------------------------------------------------*/

div#footer {
	clear: both;
	position: relative;
	width: 800px;
	height: 80px;
	margin: 0 30px;
	background: url(../img/common/footer/bg_footer.gif) no-repeat left top;
}

div#footer p {
	font-size: 0;
}

div#footer p.install,
div#footer p.logo {
	height: auto;
	position: absolute;
	text-indent: 0;
}

div#footer p.install {
	left: 0;
	top: 0;
}

div#footer p.logo {
	width: 225px;
	right: 0;
	bottom: 40px;
}