@charset "utf-8";

/*-------------------------------------------------------------------------------------
base writer  : nuts (IDEA-PRO)
last_editday : 2009/09/24
last_editor  : nuts (IDEA-PRO)
-------------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------
 基本設定（初期化等）
---------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	line-height: 1; }

hr { display: none; }

body {
	position: relative;
	color: #555555;
	font-size: 12px;
	text-align: center;
	font-family: "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	/*border-top: 5px solid #6A359F;*/
	background: url(../img_cmn/back_base.gif) repeat-x 0 0; }

*:first-child+html body { font-size: 75%; }
* html body { font-size: 75%; }

a img {
	border: none; }

ul li {
	list-style: none; }

em {
	font-style: normal; }
	
div#main textarea {
	font-size: 1em; }



/* block--------------------------*/

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

div#wrapper {
	width: 770px;
	float: right; }

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

div#sub {
	width: 180px;
	float: right; }

div#menu {
	/*position: relative;*/
	width: 200px;
	float: left;
	padding-bottom: 30px; }


.clear { clear: both; }
.clearfix:after {/*clear*/
	content : "";
	display : block;
	height : 0;
	clear : both; }
	

/* link color----------------------------------------- */

/* site color */
a { color: #8653B8; }
a:hover { color: #BA54BA; text-decoration: none; }

/* light site color */
div#foot ul li a { color: #AA86CE; }

/* gray */
div#head div.user p a,
div#head ul.link li a,
div#main div.pickup ul li a,
div#menu ul li a {
	text-decoration: none;
	color: #555555; }

/* hover */
div#head div.user p a:hover,
div#head ul.link li a:hover,
div#main div.pickup ul li a:hover,
div#menu ul li a:hover { color: #8653B8; }


/* inner */
div#main div.inner a,
div#main div.inner strong,
div#main div.inner em{
	color: #0E9C9C; }

div#main div.inner h2 a {
	color: #555555; }

/* case */
div#main em,
div#main table th strong,
div#main div.inner div.case a,
div#main div.inner div.case strong,
div#main div.inner div.case em,
div#main div.inner div.even a,
div#main div.inner div.even strong,
div#main div.inner div.even em,
div#sub ul.feature li a:hover,
div#main div.inner em.even{
	color: #8653B8; }
div#menu div.inner div.case a:hover,
div#manu div.inner div.even a:hover {
	color: #BA54BA; }


div#main div.inner a:hover {
	color: #3030CF; }


/*---------------------------------------------------------------------
 header
---------------------------------------------------------------------*/
div#head h1,
div#head p.read {
	 font-size: 0.9em;
	 font-weight: normal;
	 color: #BFBFBF;
	 line-height: 1.2;
	 padding: 12px 0 0;}

div#head {
	height: 160px;
	position: relative; }

div#head p.logo {
	position: absolute;
	top: 27px; }

div#head ul {
	position: absolute;
	top: 100px;
	left: 230px; }
div#head ul li {
	float: left; }


div#head dl.beginner {
	width: 420px;
	height: 50px;
	position: absolute;
	top: 34px;
	left: 230px;
	background: url(../img_cmn/back_beginner.gif) no-repeat; }
div#head dl.beginner dt {
	margin: 0;
	padding: 9px 0 0 20px;
	float: left; }
div#head dl.beginner ul {
	top: 9px;
	left: 160px; }
div#head dl.beginner ul li {
	background: none;
	margin: 0 20px 0 0;
	padding: 0;
	float: left; }
div#head dl.beginner ul li a {
	background: none;
	padding: 0; }


div#head dl.user {
	position: absolute;
	top: 34px;
	left: 680px;
	width: 330px; }
div#head dl.user dt {
	margin: 0 5px 0 0;
	float: left; }
div#head dl.user form dl {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 0.9em; }
div#head dl.user form dl dt {
	width: 3em;
	float: none;
	margin-right: 0;
	line-height: 1.6;
	text-align: right; }
div#head dl.user form dl dd {
	font-size: 0.9em;
	margin: -1.8em 0 3px 40px; }
div#head dl.user form dl dd input {
	font-size: 1em;
	display: block;
	padding: 0;
	width: 120px;
	line-height: 1.3; }
div#haad dl.user form dl dd input:focus {
	border: 1px solid #F00; }
div#head dl.user form input.login {
	width: 50px;
	height: 36px;
	padding: 0 0 0 5px;}
div#head dl.user p {
	clear: both;
	padding: 0.5em 0 0;
	font-size: 0.9em;
	text-align: right; }
div#head dl.user p a {
	padding: 0 0 0 12px;
	background: url(../img_cmn/icon_arrow.gif) no-repeat;}
div#head dl.user p a:hover {
	background-image: url(../img_cmn/icon_arrow_ov.gif); }

div#head ul.link {
	position: absolute;
	top: 12px;
	left: auto;
	right: 0;
	font-size: 0.9em;}
div#head ul.link li a {
	line-height: 1.2;
	padding: 0 0 0 20px;
	background: url(../img_cmn/arrow_link.gif) no-repeat 10px 0; }
div#head ul.link li a:hover {
	background-image: url(../img_cmn/arrow_link_ov.gif); }

.blank {
	vertical-align: baseline; }



/*---------------------------------------------------------------------
 main content
---------------------------------------------------------------------*/

div#main ul {
	margin: 0 0 1.5em 10px;
	padding: 0.8em 10px 0.2em;
	background: #F4F4F4; }
div#main ul li,
div#main div.case ul li,
div#main div.inner div.even ul li {
	background: url(../img_cmn/icon_disc.gif) no-repeat left 0.2em;
	padding: 0 0 0.6em 15px; }

div#main ol {
	margin: 0 0 1.5em 35px; }
div#main ol li {
	padding: 0 0 0.6em; }

div#main p,
div#main p strong,
div#main dl,
div#main dl dt,
div#main dl dd,
div#main span,
div#main ul li,
div#main ol li,
div#main em,
div#main table th,
div#main table td,
div#main table td a,
div#main table td strong,
div#main ul.index li a,
div#main ul.index li a strong {
	line-height: 1.4; }
	
div#main p {
	margin: 0 0 1em 10px; }
div#main p strong {
	color: #9568C1; }
div#main p a,
div#main ul li a {
	padding: 0 0.3em; }

div#main dl {
	margin: 0 0 0 10px; }
div#main dl dt {
	padding: 0 0 0.5em;
	font-weight: bold; }
div#main dl dd {
	margin: 0 0 1em 10px; }
div#main dl dd a {
	float: right;
	margin: 0 0 0 20px; }
div#main dl dd a.txt {
	float: none;
	margin: 0; }
div#main dl dd.last {
	margin-bottom: 0: }

div#main h2 {
	clear: both;
	font-size: 1em;
	margin: 3em 0 10px;
	padding: 0.5em 0 0.5em 16px;
	line-height: 1.2;
	border-bottom: 2px solid #CCC;
	background: url(../img_cmn/back_subtitle.gif) no-repeat top left #FFF; }
div#main div.even h2,
div#main h2.even {
	background-image: url(../img_cmn/back_subtitle2.gif); }
div#main h2 a,
div#main div.days h3 a,
div#main div.inner div.even h2 a,
div#main div.days div.inner div.even h3 a,
div#main h2.even a,
div#main div.days h3.even a {
	text-decoration: none;
	color: #555555; }
div#main h2.first {
	margin-top: 0; }

div#main h3 {
	clear: both;
	font-size: 1em;
	margin: 5em 0 0.5em;
	padding: 0.3em 0 0.3em 16px;
	background: url(../img_cmn/back_thirdtitle.gif) no-repeat 0 0.2em;
	border-bottom: 1px solid #DFDFDF; }
div#main h3.first {
	margin-top: 0; }


div#main span { color: #FF6600; font-size:0.9em; }


div#main table {
	margin: 2em 0 2em 10px;
	font-size: 1em;
	border-collapse: collapse;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC; }
div#main table caption {
	font-weight: bold;
	padding: 0 0 0.3em; }
div#main table th,
div#main table td {
	text-align: center;
	font-weight: normal;
	padding: 0.5em 10px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC; }
div#main table thead th,
div#main table tbody tr.foot th {
	background: #ECE0F3; }
div#main div.inner table thead th {
	background: #D8FCFC; }
div#main table tbody th {
	background: #F5F0F9; }
div#main div.inner table tbody th {
	background: #ECFDFD; }

div#main table tbody tr.em th {
	background: #F0E9F5; }
div#main table tbody tr.em td {
	background: #F4F4F4; }


div#main table.data {
	width: 550px; }
div#main table th.dit {
	background: #F4F4F4; }

div#main table.det td { border-bottom: 1px dotted #CCC; }
div#main table.det tr.change td { border-bottom: 1px solid #CCC; } 


div#main .marg {
	margin-bottom: 1.5em; }
div#main div.inner dl.marg_t, div#wrapper div#main .marg_t {
	margin-top: 2em; }
div#main div.case {
	margin: 0 0 0 10px; }


div#main .move_l {
	float: left;
	margin: 1em 15px 1em 0; }
div#main a.move_l { padding: 0; }


div#main .adjac {
	margin-top: 0;
	margin-bottom: 0; }

div#main div.sep {
	width: 280px;
	float: left; }
div#main div.min {
	width: 270px;
	margin-right: 10px; }



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

/* signpost */
div#main ul.signpost {
	clear: both;
	text-align: right;
	margin: 0.6em 0;
	padding: 0;
	background: none; }
div#main ul.signpost li {
	display: inline;
	font-size: 0.9em;
	padding: 0;
	background: none; }
div#main ul.signpost li a {
	padding: 0 15px 0 0;
	vertical-align: baseline;
	background: url(../img_cmn/icon_signpost.gif) no-repeat right; }


/* page top */
div#main p.ptop {
	clear: both;
	margin: 1em 0 0;
	font-size: 0.9em;
	text-align: right; }
div#main p.ptop a,
div#main div.even p.ptop a {
	color: #555555;
	text-decoration: none;
	padding: 0 12px 0 0;
	background: url(../img_cmn/icon_ptop_n.gif) no-repeat right; }
div#main p.ptop a:hover,
div#main div.even p.ptop a:hover {
	color: #8653B8;
	background: url(../img_cmn/icon_ptop_r.gif) no-repeat right; }


/* block content */
div#main ul.block_4,
div#main ul.block_3,
div#main ul.block_2 {
	background: none;
	margin: 10px 0 0 8px;
	padding: 0;
	zoom: 1; }
div#main ul.block_4 li,
div#main ul.block_3 li,
div#main ul.block_2 li {
	background: none;
	padding: 0;
	margin: 0 8px 8px 0;
	float: left; }
div#main div.inner ul.block_2 li, div#main div.inner ul.block_3 li, div#main div.inner ul.block_4 li {
	background: none; }

div#main ul.block_4 li { margin-right: 10px; }

div#main ul.block_4 li a,
div#main ul.block_4 li a img,
div#main ul.block_3 li a,
div#main ul.block_3 li a img,
div#main ul.block_2 li a,
div#main ul.block_2 li a img {
	display: block; }
div#main ul.block_4 li a,
div#main ul.block_3 li a,
div#main ul.block_2 li a {
	padding: 0; }

div#main ul.block_2 li {
	padding-bottom: 0.5em; }

div#main div.block {
	width: 60%;
	padding: 0.5em 0 0;
	margin: 2em 0 2em 10px;
	border: 2px solid #6CD2D2; }


/* note content */
div#main dl.note {
	margin-top: 10px;
	padding: 0 0 5px;
	background: #DEF5F5; }
div#main dl.note dt {
	color: #666;
	font-weight: normal;
	padding: 12px 0 8px 38px;
	background: url(../img_cmn/icon_note.gif) no-repeat 5px center; }
div#main dl.note dd {
	background: #FFF;
	margin: 0 5px;
	padding: 10px; }
div#main dl.note dl {
	padding: 0; }
div#main dl.note dl dt {
	color: #555555;
	padding: 0;
	font-weight: bold;
	background: none; }
div#main dl.note dl dd {
	padding: 0 0 1em 10px; }
div#main dl.note dl dd.last { padding-bottom: 0; }

div#main dl dd ul {
	background: none;
	padding: 0;
	margin: 0; }
div#main dl dd ul li,
div#main div.inner ul li{
	background-image: url(../img_cmn/icon_disc_i.gif); }



/* link text */
div#main .link a,
div#main dl.list dt a {
	padding: 0 0 0 24px;
	background: url(../img_cmn/back_link.gif) no-repeat left; }
div#main .link a:hover,
div#main dl.list dt a:hover {
	padding-left: 30px;
	background: url(../img_cmn/back_link_ov.gif) 5px center no-repeat; }
div#main div.inner .link a,
div#main div.inner dl.list dt a {
	background-image: url(../img_cmn/back_link_i.gif); }
div#main div.inner .link a:hover,
div#main div.inner dl.list dt a:hover {
	background-image: url(../img_cmn/back_link_i_ov.gif); }

div#main dl.note p.link a {
	float: none; }

div#main div.inner .emphasis {
	margin: 2em 0 2em 10px; }


/* list content */
div#main dl.list dt {
	padding: 0 0 0.5em 10px; }
div#main dl.list dd {
	margin: 0 0 1em;
	padding: 0 10px 1em 20px;
	background: url(../img_cmn/back_dot.gif) repeat-x bottom; }
div#main dl.list dd a {
	margin-left: 10px; }
div#main dl.list dd p {
	width: 400px;
	margin-left: 0; }

#list ul.option strong {
	font-weight: normal;
	color: #0E9C9C; }


/* arrange */
div#main ul.arrange {
	height: 100%;
	background: none; }
div#main div ul.arrange li,
div#main div ul.arrange li img {
	display: block; }
div#main div ul.arrange li {
	padding: 0;
	margin: 0 10px 10px 0;
	float: left;
	background: none; }



/* index */
div#main ul.index {
	margin: 0;
	background: none; }
div#main ul.index li {
	padding: 0;
	zoom: 1;
	margin: 0 0 10px;
	background: none; }
div#main ul.index li a {
	color: #555555;
	display: block;
	width: 466px;
	padding: 15px 10px 15px 64px;
	text-decoration: none;
	border: 3px solid #F0F0F0;
	background: url(../guide/img/icon_flow.gif) no-repeat 12px center; }
div#main ul.index li a:hover {
	background-position: -548px center;
	border-color: #C0A6D9; }
div#main ul.index li a:hover strong {
	color: #8653B8 }



/* quality */
div#main dl.quality {
	margin-top: 1.5em; }
div#main dl.quality div {
	width: 350px;
	border-left: 6px solid #E6F7F7;
	float: left; }
div#main dl.quality dt {
	clear: both; }

div#main dl.quality ul {
	width: 140px;
	float: right; }
div#main dl.quality ul li {
	background: none;
	font-size: 0.9em;
	text-align: center;
	padding: 0 0 1em; }
div#main dl.quality ul li img {
	display: block;
	margin: 0 auto 0.3em; }


/* days */
div#main div.days h2 {
	border: none;
	margin: 0;
	padding: 0;
	background: none; }
div#main div.days div.even h2 {
	margin-top: 3em; }

div#main div.days h3 {
	clear: both;
	font-size: 1em;
	margin: 3em 0 10px;
	padding: 0.5em 0 0.5em 16px;
	line-height: 1.2;
	border-bottom: 2px solid #CCC;
	background: url(../img_cmn/back_subtitle.gif) no-repeat top left #FFF; }
div#main div.days div.even h3,
div#main div.days h3.even {
	background-image: url(../img_cmn/back_subtitle2.gif); }



/* pickup */
#pickup div#main h1 {
	margin: 0 0 12px; }

#pickup div#main p {
	margin-right: 10px; }

#pickup div#main table,
#pickup div#main table th,
#pickup div#main table td {
	border: none; }
#pickup div#main table {
	margin: 0; }
#pickup div#main table th {
	background: none;
	padding: 0 0 20px;
	vertical-align: top;
	width: 150px; }
#pickup div#main table td {
	vertical-align: top;
	text-align: left; }
#pickup div#main table td h2 {
	margin: 0;
	padding: 10px 0 6px;
	background: none;
	border-bottom: 0; }
#pickup div#main table td p {
	margin-right: 0; }
#pickup div#main table td h2 img {
	display: block; }
#pickup div#main table td ul {
	margin: 0 0 0 20px; }

#pickup div#main ul {
	background: none;
	padding: 0; }
#pickup div#main ul li {
	background: none;
	padding: 0;
	list-style: disc; }


#pickup div#main p.link {
	text-align: right; }
#pickup div#main p.link a {
	padding: 0;
	background: none; }

#pickup div#main ul.banner {
	margin: 20px 0 20px 10px; }
#pickup div#main ul.banner li {
	zoom: 1;
	list-style: none;
	margin: 0 0 10px; }
#pickup div#main ul.banner li a {
	padding: 0; }
#pickup div#main ul.banner li img {
	display: block;
	padding: 0;}


#pickup div#main dl.attention {
	background: #E6E6E6;
	padding: 10px 10px 6px; }
#pickup div#main dl.attention dt {
	color: #DE2121; }
#pickup div#main dl.attention dd ul {
	margin: 0; }
#pickup div#main dl.attention dd ul li {
	list-style: none;
	padding: 0 0 4px 15px;
	background: url(../img_cmn/icon/attention.gif) no-repeat 0 0; }


#pickup div#main ul.b_btn {
	text-align: center;
	padding: 40px 0 0;
	margin: 20px 0 0;
	zoom: 1;
	background: url(../pickup/renewal/img/line.gif) top no-repeat; }
#pickup div#main ul.b_btn li {
	list-style: none; }


#link div#main dl {
	margin: 0;
	padding: 0; }
#link div#main dl dt {
	margin: 0 0 0 20px;
	padding: 0; }
#link div#main dl dd {
	margin: 0 0 15px;
	padding: 10px 10px 15px 30px;
	background: url(../img_cmn/back_dot.gif) repeat-x bottom; }
#link div#main dl dd div.sname {
	font-weight: bold;
	color: #BA54BA;
	margin: 0 0 0 -5px;
	padding: 0 0 0.5em; }

#link div#main dl dt.txt a {
	color: #BA54BA;
	margin-left: 0.5em; }
#link div#main dl dd.txt a {
	float: none;
	margin: 0;
	line-height: 1.4;}






/*---------------------------------------------------------------------
 main sub content
---------------------------------------------------------------------*/
div#sub ul li a,
div#sub ul li a img {
	display: block; }
div#sub ul li {
	float: left;
	margin: 0 0 5px; }

div#sub ul.top {
	margin: 0 0 15px; }
div#sub ul.banner {
	margin: 15px 0 20px;
	clear: both;
	/*height: 100%;*/ }
div#sub ul.banner li {
	margin: 0; }

div#sub ul.feature {
	clear: both;
	font-size: 0.9em;
	margin: 15px 0 20px; }
div#sub ul.feature li {
	text-align: center;
	margin: 0 auto 15px;
	float: none;
	line-height: 1.2;
	zoom: 1; }
div#sub ul.feature li strong {
	font-size: 1.2em;
	display: block;
	margin: 0.8em 0 0.8em; }
div#sub ul.feature li a {
	margin: 0 auto;
	padding: 5px;
	display: block;
	color: #555555;
	border: 1px solid #fff;
	text-decoration: none; }
div#sub ul.feature li a img {
	margin: 0 auto; }
div#sub ul.feature li a:hover {
	border: 1px solid #cccccc; }

div#sub dl {
	margin: 15px 0 30px; }
div#sub dl dt img {
	display: block; }
div#sub dl dd {
	zoom: 1;
	/*height: 100%*/;
	padding: 10px 0 10px 12px;
	background: url(../img_cmn/back_sub.gif) no-repeat bottom; }
div#sub dl dd ul li {
	margin: 0 3px 5px 0; }

div#sub dl.site ul {
	margin: 0;
	padding: 0; }
div#sub dl.site ul li {
	float: none;
	padding: 0;
	zoom: 1; }
div#sub dl.site dd p {
	margin: 8px 10px 0 0;
	font-size: 84%;
	text-align: right; }


div#sub ul.btm {
	clear: both; }
div#sub ul.btm li {
	float: none;
	text-align: center;
	margin: 0 auto; }
div#sub ul.btm li a {
	width: 115px;
	margin: 0 auto; }

div#sub ul.regist {
	height: 24px;
	padding: 0 0 0 10px;
	margin: 0 0 25px;
	border: 1px solid #CCC; }
div#sub ul.regist li {
	padding: 3px 5px 0 0; }





/*---------------------------------------------------------------------
 menu
---------------------------------------------------------------------*/
div#menu h2 {
	color: #FFF;
	font-size: 1em;
	font-size: 0.9em;
	margin: 5px 0 0; }

div#menu ul {
	margin-bottom: 30px;
	display: none; }
/*#eccube div#menu ul {
	display: block; }*/
div#menu div.offset ul {
	margin-bottom: 0; }
div#menu div.ondemand ul {
	display: block; }

div#menu div.offset ul ul {
	display: none; }

div#menu h2 a {
	color: #FFF;
	zoom: 1;
	display: block;
	padding: 0.7em 10px 0.4em 24px;
	background: url(../img_cmn/back_menu.gif) #9F72CB repeat-x top left;
	border-bottom: 2px solid #834EB7;
	text-decoration: none; }
div#menu div.offset h2 a,
div#menu div.ondemand h2 a {
	background: none;
	padding: 0;
	border: none;}

div#menu h2 a.icon {
	display: block;
	width: 11px;
	padding: 6px;
	background: none;
	border: none;
	position: absolute; }
div#menu h2 a:hover {
	background: url(../img_cmn/back_menu_ov.gif) #7F44BA repeat-x top left;
	border-bottom: 2px solid #6A3E97; }
div#menu h2 a.icon:hover,
div#menu div.offset h2 a:hover,
div#menu div.ondemand h2 a:hover {
	border-bottom: none;
	background: none; }

div#menu ul li {
	padding: 0 0 1px;
	font-size: 0.9em;
	background: url(../img_cmn/back_dot.gif) repeat-x bottom left;}
div#menu ul li a {
	padding: 0.7em 0 0.5em 18px;
	display: block;
	background: url(../img_cmn/icon_p.gif) 6px 0.6em no-repeat; }
div#menu ul li a:hover {
	background-color: #EAE1F2; }

div#menu ul li.conti { background: none; }
div#menu ul li.banner {
	padding: 0;
	background: none; }
div#menu ul li.banner a { padding: 0; }
div#menu ul li.banner a:hover { background: none; }

div#menu div.offset h2,
div#menu div.ondemand h2{
	padding: 0;
	margin-top: 30px;
	background: none;
	border-bottom: none; }

div#menu div ul li {
	font-size: 1em; }

div#menu div ul li a {
	padding-top: 0.7em; }

div#menu ul li a.current {
	background-color: #EAE1F2; }
div#menu ul li a.current:hover {
	background-color: #D6C4E6; }


div#menu h3 {
	font-weight: normal;
	font-size: 1em; }
div#menu h3 a {
	color: #555555;
	display: block;
	padding: 0.5em 0 0.5em 24px;
	text-decoration: none;
	line-height: 1.2;
	background: url(../img_cmn/back_dot.gif) repeat-x bottom; }
div#menu h3.of_over_1 a,
div#menu h3.of_over_2 a,
div#menu h3.of_over_3 a,
div#menu h3.of_over_4 a,
div#menu h3.of_over_5 a,
div#menu h3.of_over_6 a,
div#menu h3.of_over_7 a{ background: #DEF5F5; }
div#list div#menu h3 a.curren { background-color: #DEF5F5; }
div#menu h3 a.icon,
div#menu h3 span {
	display: block;
	width: 13px;
	padding: 6px 4px 6px 6px;
	background: none;
	position: absolute; }
	
div#menu div.offset h2 {
	margin-top: 0; }
div#menu h3 a:hover,
div#menu h3 a.current,
div#menu div.offset ul li a:hover {
	color: #389C9C;
	background-color: #DEF5F5; }

div#menu div.offset ul {
	background: url(../img_cmn/back_dot.gif) repeat-x bottom; }
div#menu div.offset ul li {
	margin-left: 10px;
	background: none; }
div#menu div.offset ul li a { background: url(../img_cmn/arrow_off.gif) 5px 0.7em no-repeat; }
div#menu div.offset ul li a,
div#menu div.offset a.icon:hover,
div#menu div.ondemand ul li a { background-color: #FFF; }
div#menu div.ondemand ul li a {
	background-image: url(../img_cmn/arrow_g.gif); }
div#menu div.ondemand ul li a:hover,
div#menu div.ondemand ul li a.current {
	color: #379D37;
	background-color: #DFF4DF; }


div#menu ul li ul {
	margin: 0 0 0 10px; }
div#menu ul li ul li {
	background: none;
	padding: 0;
	zoom: 1; }
div#menu ul li ul li a {
	background: none;
	width: 180px;
	padding-left: 10px;
	display: block; }


div#menu div.offset div.free h3 {
	display: none; }
div#menu div.offset div.free ul {
	display: block;
	background: none; }
div#menu div.offset div.free ul li {
	padding: 0;
	zoom: 1;
	margin: 6px 0 0; }
div#menu div.offset div.free ul li a {
	background: none;
	padding: 0; }
	



/* 各印刷タイトル */
div#menu div.cid_8 h3#of_bgcolor1 a,
div#menu div.cid_124 h3#of_bgcolor2 a,
div#menu div.cid_245 h3#of_bgcolor3 a,
div#menu div.cid_361 h3#of_bgcolor4 a,
div#menu div.cid_585 h3#of_bgcolor5 a,
div#menu div.cid_873 h3#of_bgcolor6 a,
div#menu div.cid_1287 h3#of_bgcolor7 a,
div#menu div.cid_1359 h3#of_bgcolor2 a {
	background-image: none;
	background-color: #EFFAFA; }
div#menu div.cid_572 h3.postcard a {
	background-color: #EFFAFA; }
div#menu div.cid_1294 div.ondemand li.card a,
div#menu div.cid_1310 div.ondemand li.postcard a {
	background-color: #DFF4DF; }
	
div#menu div.cid_8 ul#offset1,
div#menu div.cid_124 ul#offset2,
div#menu div.cid_245 ul#offset3,
div#menu div.cid_361 ul#offset4,
div#menu div.cid_585 ul#offset5,
div#menu div.cid_873 ul#offset6,
div#menu div.cid_1287 ul#offset7,
div#menu div.cid_1359 ul#offset2 {
	display: block;
	background-color: #EFFAFA; }

/* フライヤー */
div#menu div.cid_9 li.flier_1 a,
div#menu div.cid_32 li.flier_2 a,
div#menu div.cid_55 li.flier_3 a,
div#menu div.cid_78 li.flier_4 a,
div#menu div.cid_101 li.flier_5 a {
	background-color: #EFFAFA }

/* チラシ　*/
div#menu div.cid_125 li.hand_1 a,
div#menu div.cid_135 li.hand_2 a,
div#menu div.cid_145 li.hand_3 a,
div#menu div.cid_155 li.hand_4 a,
div#menu div.cid_165 li.hand_5 a,
div#menu div.cid_175 li.hand_6 a,
div#menu div.cid_185 li.hand_7 a,
div#menu div.cid_195 li.hand_8 a,
div#menu div.cid_205 li.hand_9 a,
div#menu div.cid_215 li.hand_10 a,
div#menu div.cid_225 li.hand_11 a,
div#menu div.cid_235 li.hand_12 a {
	background-color: #EFFAFA; }

div#menu div.cid_1360 li.hand_1 a,
div#menu div.cid_1369 li.hand_2 a,
div#menu div.cid_1377 li.hand_3 a,
div#menu div.cid_1387 li.hand_4 a,
div#menu div.cid_1398 li.hand_5 a,
div#menu div.cid_1408 li.hand_6 a,
div#menu div.cid_1416 li.hand_7 a,
div#menu div.cid_1424 li.hand_8 a,
div#menu div.cid_1432 li.hand_9 a,
div#menu div.cid_1440 li.hand_10 a,
div#menu div.cid_1450 li.hand_11 a,
div#menu div.cid_1460 li.hand_12 a {
	background-color: #EFFAFA; }


/* ポスター */ 
div#menu div.cid_246 li.poster_1 a,
div#menu div.cid_269 li.poster_2 a,
div#menu div.cid_292 li.poster_3 a,
div#menu div.cid_315 li.poster_4 a,
div#menu div.cid_338 li.poster_5 a {
	background-color: #EFFAFA; }


/* カード・名刺 */
div#menu div.cid_362 li.card_1 a,
div#menu div.cid_376 li.card_2 a,
div#menu div.cid_390 li.card_3 a,
div#menu div.cid_404 li.card_4 a,
div#menu div.cid_418 li.card_5 a,
div#menu div.cid_432 li.card_6 a,
div#menu div.cid_446 li.card_7 a,
div#menu div.cid_460 li.card_8 a,
div#menu div.cid_474 li.card_9 a,
div#menu div.cid_488 li.card_10 a,
div#menu div.cid_502 li.card_11 a,
div#menu div.cid_516 li.card_12 a,
div#menu div.cid_530 li.card_13 a,
div#menu div.cid_544 li.card_14 a,
div#menu div.cid_558 li.card_15 a {
	background-color: #EFFAFA; }


/* パンフレット（折加工） */
div#menu div.cid_586 li.p-s_1 a,
div#menu div.cid_627 li.p-s_2 a,
div#menu div.cid_668 li.p-s_3 a,
div#menu div.cid_709 li.p-s_4 a,
div#menu div.cid_750 li.p-s_5 a,
div#menu div.cid_791 li.p-s_6 a,
div#menu div.cid_832 li.p-s_7 a {
	background-color: #EFFAFA; }


/* パンフレット（中綴じ） */
div#menu div.cid_874 li.p-b_1 a,
div#menu div.cid_915 li.p-b_2 a,
div#menu div.cid_956 li.p-b_3 a,
div#menu div.cid_997 li.p-b_4 a,
div#menu div.cid_1038 li.p-b_5 a,
div#menu div.cid_1079 li.p-b_6 a,
div#menu div.cid_1120 li.p-b_7 a,
div#menu div.cid_1161 li.p-b_8 a,
div#menu div.cid_1202 li.p-b_9 a,
div#menu div.cid_1243 li.p-b_10 a {
	background-color: #EFFAFA; }

/* ジャケット */
div#menu div.cid_1288 li.jacket_1 a,
div#menu div.cid_1291 li.jacket_2 a {
	background-color: #EFFAFA; }




/* その他コンテンツ */
div#menu div.block {
	margin: 30px 0 ; }
div#menu div.block div.case {
	border: 1px solid #CCC;
	border-top: none;
	padding: 10px;
	background: #f7f7f7;}

div#menu div.block div.case ul {
	display: block;
	margin: 0;}
div#menu div.block div.case ul li {
	background: none;
	line-height: 1.4;
	font-size: 0.9em; }
div#menu div.block div.case dl dt {
	font-weight: bold; }
div#menu div.block div.case dl dt.on {
	margin-top: 1.5em; }
div#menu div.block div.case dl dd {
	padding: 0 0 0 10px; }
div#menu div.block div.case dl dd strong {
	display: block;
	font-size: 1.2em;
	padding: 6px 0 3px;
	font-weight: normal; }
div#menu div.block div.case dl dt.off,
div#menu div.block div.case dl dd.off strong {
	color: #379D9D; }
div#menu div.block div.case dl dt.on,
div#menu div.block div.case dl dd.on strong {
	color: #379D37; }

div#menu div.block div.case p {
	font-size: 0.9em;
	padding: 0.8em 0 0;
	line-height: 1.2;
	color: #FF0606; }






/*---------------------------------------------------------------------
 foot
---------------------------------------------------------------------*/
div#foot {
	clear: both;
	zoom: 1;
	text-align: left;
	padding: 50px 0 0;
	margin: 0 auto 30px;
	font-size: 0.83em; }
div#foot dl {
	margin: 0 0 1.8em; }

div#foot dl dt {
	line-height: 1.4;
	color: #67CACA;
	font-weight: bold; }
div#foot dl dd {
	line-height: 1.4; }

div#foot ul {
	/*height: 100%;*/
	margin: 0; }
div#foot ul li {
	display: inline; }
div#foot ul li a {
	line-height: 1.8;
	margin: 0 3px 0 0 }
div#foot ul li a:hover { color: #6A3E97; }

address {
	clear: both;
	background: #9568C1;
	font-style: normal;
	color: #FFF;
	margin: 0 0;
	line-height: 1.2;
	padding: 0.1em 10px;
	text-align: center; }
address span {
	display: block;
	margin: 0 auto;
	width: 1000px;
	text-align: right;
	line-height: 1.2; }

address span a {
	color: #fff; }
address span a:hover { color: #F4EFFA; }