@charset "utf-8";

/* Base
========================================== */
/*@import "http://www.mdn.co.jp/di/css/base/reset.css";*/
/* =======================================

	Browser Reset CSS
	Last Up Date 09/02/24

========================================== */

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0; padding: 0;}

html,body {background: #FFF; color: #000;}

body {font:13px/1 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}
* html body {font-size: small;}
*:first-child+html body {font-size: small;}

img {border: 0; vertical-align: bottom;}

h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}

ul,dl,ol {text-indent: 0;}
li {list-style: none;}

address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}

table {border-collapse: collapse; border-spacing: 0; font-size: inherit;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}

pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}

input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}

/*@import "http://www.mdn.co.jp/di/css/base/structure.css";*/


/* =======================================

	Structure CSS

========================================== */

body {
	color: #303030;
}

#headWrap {
	background:url(../../images/base/headwrap_bg_01.png) repeat-x 0 100%;
	min-height:169px;
}

* html #headWrap {
	height:169px;
}

#headWrap #header {
	position: relative;
	z-index: 100;
	margin: 0 auto;
	width: 960px;
}

#assistWrap {
	position: relative;
	z-index: 50;
	margin: 0 0 10px;
	background-color: #F1F1F1;
	zoom: 1;
}

#assistWrap #userAssist {
	margin: 0 auto;
	width: 960px;
}

#wrapper {
	margin: 0 auto;
	width: 960px;
	border-bottom: 1px solid #D1D1D1;
	background: url(../../images/base/wrapper_bg_01.gif) repeat-y 100% 0;
	zoom: 1;
}

#wrapper:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#contents {
	float: left;
	padding: 0 0 20px;
	width: 640px;
}

#infoNavigation {
	float: right;
	margin: 0 0 50px;
	width: 300px;
}

#footer {
	margin: 0 auto;
	width: 960px;
}


/*@import "http://www.mdn.co.jp/di/css/base/header.css";*/


/* =======================================

	Header CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.Description
	
	2.Enter MdN
		2-1.p
		2-2.ul
	
	3.Header Main
		3-1.Site Title
		3-2.MdN Event Info
	
	4.Globalnavi

========================================== */

/* 1.Description
========================================== */
#header p#description {
	position: absolute;
	top: 6px;
	left: 1px;
	width: 405px;
}


/* 2.Enter MdN
========================================== */
#header .enterMdN {
	display: table;
	margin: 0 0 10px auto;
	text-align: right;
}
/* IE6 Only */
* html               #header .enterMdN {display: block; zoom: 1;}
/* IE7 Only */
*:first-child + html #header .enterMdN {display: block; zoom: 1;}

	/* 2-1.p
	---------------------------------------- */
	#header .enterMdN p {
		display: table-cell;
		padding: 2px 12px 0 410px;
		font-size: 92.4%;
		line-height: 1.335;
		text-align: left; /* Reset */
		vertical-align: middle;
	}
	/* IE6 Only */
	* html               #header .enterMdN p {display: inline; zoom: 1;}
	/* IE7 Only */
	*:first-child + html #header .enterMdN p {display: inline; zoom: 1;}
	
	/* 2-2.ul
	---------------------------------------- */
	#header .enterMdN ul {
	}
	/* IE6 Only */
	* html               #header .enterMdN ul {display: inline; zoom: 1;}
	/* IE7 Only */
	*:first-child + html #header .enterMdN ul {display: inline; zoom: 1;}
	
	#header .enterMdN ul li {
		display: table-cell;
		font-size: 92.4%;
		line-height: 1.335;
		text-align: center;
		vertical-align: middle;
	}
	/* IE6 Only */
	* html               #header .enterMdN ul li {display: inline; zoom: 1;}
	/* IE7 Only */
	*:first-child + html #header .enterMdN ul li {display: inline; zoom: 1;}
	
	#header .enterMdN ul li a {
		display: block;
		padding: 5px 10px 4px;
		min-width: 52px;
		text-decoration: none;
	}
	/* IE6 Only */
	* html #header .enterMdN ul li a {width: 52px;}
	
	#header .enterMdN ul li.entry  a {background-color: #D3A686; color: #59451F;}
	#header .enterMdN ul li.login  a {background-color: #86B3D3; color: #FFFFFF;}
	#header .enterMdN ul li.logout a {background-color: #959595; color: #FFFFFF;}
	
	#header .enterMdN ul li a:hover {text-decoration: underline;}


/* 3.Header Main
========================================== */
#header #headerMain {
	position: relative;
	z-index: 100;
	margin: 0 0 -1px;
	height: 90px;
}

	/* 3-1.Site Title
	---------------------------------------- */
	#header #headerMain h1#siteTitle {
		position: absolute;
		top: 0;
		left: 0;
		width: 206px;
	}
	
	/* 3-2.MdN Event Info
	---------------------------------------- */
	#header #headerMain div.MdNEventInfo {
		position: relative;
		top: 0;
		left: 232px;
		width: 728px;
		
	}


/* 4.Globalnavi
========================================== */
#header ul#globalnavi {
	position: relative;
	z-index: 50;
	margin: 0 0 0 -2px;
	padding: 0 0 0 2px;
	width: 960px;
	height: 45px;
	background: url(../../images/base/globalnavi_bg_01.png) no-repeat;
	zoom: 1;
}

#header ul#globalnavi:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#header ul#globalnavi li {
	float: left;
	margin: 11px 0 0;
	width: 99px;
	vertical-align: bottom;
	zoom: 1;
}

#header ul#globalnavi li.MdNBooks {
	margin: 0 15px 0 0;
	width: 153px;
}

#header ul#globalnavi li a {
	display: block;
	background: url(../../images/base/globalnavi_bg_02.png) no-repeat;
}

#header ul#globalnavi li.MdNBooks a {background-position:   -2px   0;}
#header ul#globalnavi li#gnavi01  a {background-position: -170px -11px;}
#header ul#globalnavi li#gnavi02  a {background-position: -368px -11px;}
#header ul#globalnavi li#gnavi03  a {background-position: -467px -11px;}
#header ul#globalnavi li#gnavi04  a {background-position: -566px -11px;}
#header ul#globalnavi li#gnavi05  a {background-position: -665px -11px;}
#header ul#globalnavi li#gnavi06  a {background-position: -764px -11px;}
/* #header ul#globalnavi li#gnavi07  a {background-position: -764px -11px;} */
#header ul#globalnavi li#gnavi08  a {background-position: -863px -11px;}
#header ul#globalnavi li#gnavi09  a {background-position: -269px -11px;}

#header ul#globalnavi li a:hover {
	zoom: 1;
}

#header ul#globalnavi li a.active {
	background: none;
}

#header ul#globalnavi li a:hover  img,
#header ul#globalnavi li a.active img {
	visibility: hidden;
}

body.MdNMagazine  #header ul#globalnavi li.MdNBooks a {background: none;}
body#home         #header ul#globalnavi li#gnavi01  a {background: none;}
body.MdN          #header ul#globalnavi li#gnavi02  a {background: none;}
body.section      #header ul#globalnavi li#gnavi02  a {background: none;}
body.WebCreators  #header ul#globalnavi li#gnavi03  a {background: none;}
body.graphics     #header ul#globalnavi li#gnavi04  a {background: none;}
body.WEBDesign    #header ul#globalnavi li#gnavi05  a {background: none;}
body.career       #header ul#globalnavi li#gnavi06  a {background: none;}
body.event        #header ul#globalnavi li#gnavi07  a {background: none;}
body.material     #header ul#globalnavi li#gnavi08  a {background: none;}
body.news         #header ul#globalnavi li#gnavi09  a {background: none;}
body.newstopics   #header ul#globalnavi li#gnavi09  a {background: none;}
body.pressRelease #header ul#globalnavi li#gnavi09  a {background: none;}
body.announce     #header ul#globalnavi li#gnavi09  a {background: none;}
body.offer        #header ul#globalnavi li#gnavi08  a {background: none;}


body.MdNMagazine  #header ul#globalnavi li.MdNBooks a img {visibility: hidden;}
body#home         #header ul#globalnavi li#gnavi01  a img {visibility: hidden;}
body.MdN          #header ul#globalnavi li#gnavi02  a img {visibility: hidden;}
body.section      #header ul#globalnavi li#gnavi02  a img {visibility: hidden;}
body.WebCreators  #header ul#globalnavi li#gnavi03  a img {visibility: hidden;}
body.graphics     #header ul#globalnavi li#gnavi04  a img {visibility: hidden;}
body.WEBDesign    #header ul#globalnavi li#gnavi05  a img {visibility: hidden;}
body.career       #header ul#globalnavi li#gnavi06  a img {visibility: hidden;}
body.event        #header ul#globalnavi li#gnavi07  a img {visibility: hidden;}
body.material     #header ul#globalnavi li#gnavi08  a img {visibility: hidden;}
body.news         #header ul#globalnavi li#gnavi09  a img {visibility: hidden;}
body.newstopics   #header ul#globalnavi li#gnavi09  a img {visibility: hidden;}
body.pressRelease #header ul#globalnavi li#gnavi09  a img {visibility: hidden;}
body.announce     #header ul#globalnavi li#gnavi09  a img {visibility: hidden;}
body.offer        #header ul#globalnavi li#gnavi08  a img {visibility: hidden;}


//@import "http://www.mdn.co.jp/di/css/base/footer.css";


/* =======================================

	Footer CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
	1.Footer Navi
	
	2.MdN Info
		2-1.Site Info

========================================== */

#footer {
	padding: 20px 0 15px;
}


/* 1.Footer Navi
========================================== */
#footer ul.footerNavi {
	margin: 0 0 5px;
	text-align: center;
}

#footer ul.footerNavi li {
	display: inline;
	margin-left: 5px;
	padding-left: 8px;
	border-left: 1px solid #666666;
	font-size: 92.4%;
	line-height: 1.335;
}

#footer ul.footerNavi li.first {
	margin: 0; /* Reset */
	padding: 0; /* Reset */
	border: none; /* Reset */
}

#footer ul.footerNavi li a {
	color: #303030;
	text-decoration: none;
}

#footer ul.footerNavi li a:hover {
	text-decoration: underline;
}


/* 2.MdN Info
========================================== */
#footer ul.MdNInfo {
	display: table;
	margin: 30px auto 0;
	text-align: center;
}
/* IE6 Only */
* html               #footer ul.MdNInfo {display: block;}
/* IE7 Only */
*:first-child + html #footer ul.MdNInfo {display: block;}
/* Safari2,0 Only \*/
html:\66irst-child   #footer ul.MdNInfo {min-width: 500px;}/**/

#footer ul.MdNInfo li {
	display: table-cell;
	vertical-align: top;
	font-size: 92.4%;
	line-height: 1.335;
}
/* IE6 Only */
* html #footer ul.MdNInfo li {
	display: inline;
	zoom: 1;
}
/* IE7 Only */
*:first-child + html #footer ul.MdNInfo li {
	display: inline;
	zoom: 1;
}

	/* 2-1.Site Info
	---------------------------------------- */
	#footer ul.MdNInfo li.siteInfo {
		padding: 0 30px;
	}
	/* IE6 Only */
	* html #footer ul.MdNInfo li.siteInfo {
		vertical-align: baseline; /* Reset */
	}
	
	#footer ul.MdNInfo li.siteInfo p.home {
		margin: 15px 0 0;
	}
	
	#footer ul.MdNInfo li.siteInfo p.home a {
		color: #303030;
		text-decoration: none;
	}
	
	#footer ul.MdNInfo li.siteInfo p.home a:hover {
		text-decoration: underline;
	}


//@import "http://www.mdn.co.jp/di/css/base/userassist.css";


/* =======================================

	User Assist CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	

========================================== */

#userAssist {
	padding: 5px 0;
}
/* IE6 Only */
* html               #userAssist {padding-bottom: 4px;}
/* IE7 Only */
*:first-child + html #userAssist {padding-bottom: 4px;}


/* Topicpath
========================================== */
#userAssist p#topicpath {
	position: relative;
	margin: 0 300px -1.5em 5px;
	font-size: 92.4%;
	line-height: 1.5;
}

#userAssist p#topicpath a {
	color: #000000;
	text-decoration: none;
}

#userAssist p#topicpath a:hover {
	text-decoration: underline;
}

#userAssist p#topicpath span.current {
	color: #959595;
}


/* Assist Tools
========================================== */
#userAssist .assistTools {
	text-align: right;
	padding: 0 3px 0 0;
}

	/* English
	---------------------------------------- */
	#userAssist .assistTools p.english {
		display: inline;
		margin: 0 10px 0 0;
	}
	
	/* Add Tools
	---------------------------------------- */
	#userAssist .assistTools ul.addTools {
		display: inline;
	}
	
	#userAssist .assistTools ul.addTools li {
		display: inline;
		vertical-align: middle;
	}
	
	#userAssist .assistTools ul.addTools li img {
		vertical-align: middle;
	}


//@import "http://www.mdn.co.jp/di/css/base/infonavigation.css";


/* =======================================

	Info Navigation CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.Text Decorations
	
	2.Reader Present
	
	3.Keyword Search
	
	4.Banner
		4-1.Info Banner
		4-2.Apple Store
	
	5.Unit
		5-1.Image Unit
	
	6.info Section
		6-1.table
			6-2.Image Column
		6-3.Link
			6-3-1.Relative Link
			6-3-2.Relative Link Button
			6-3-3.Buy Link
		6-4.List
			6-4-1.List01
			6-4-2.List02
			6-4-3.List03
			6-4-4.Recruit List
			6-4-5.Image Column List
			6-4-6.List04 [2010.03.16]
			6-4-7.Banner Panel [2010.03.16]
		6-5.User Account
			6-5-1.User Login
			6-5-2.Submit

========================================== */

/* 1.Text Decorations
========================================== */
#infoNavigation p {
	margin: 0 0 7px;
	font-size: 92.4%;
	line-height: 1.5;
}

#infoNavigation li,
#infoNavigation dd,
#infoNavigation dt {
	font-size: 92.4%;
	line-height: 1.335;
}

#infoNavigation strong {
	font-weight: bold;
}

#infoNavigation a {
	color: #303030;
	text-decoration: none;
}

#infoNavigation a:hover {
	text-decoration: underline;
}

#infoNavigation p a {
	padding-bottom: 1px; /* for Underline */
}

	/* p [2010.03.16]
	---------------------------------------- */
	#infoNavigation p.lead01 {
		margin: 7px 17px 7px 20px;
	}


/* 2.Reader Present
========================================== */
#infoNavigation .readerPresent {
	margin: 15px 0;
}

#infoNavigation .readerPresent p {
	display: table-cell;
	vertical-align: middle;
}
/* IE6 Only */
* html #infoNavigation .readerPresent p {
	display: inline;
	zoom: 1;
}
/* IE7 Only */
*:first-child + html #infoNavigation .readerPresent p {
	display: inline;
	zoom: 1;
}

#infoNavigation .readerPresent p.image {
	width: 120px;
}

#infoNavigation .readerPresent p.text {
	padding: 0 0 0 10px;
	width: 150px;
}


/* 3.Keyword Search
========================================== */
#infoNavigation .keywordSearch {
	position: relative;
	padding: 0 0 15px;
	background-color: #FFFFFF;
	zoom: 1;
}

#infoNavigation .keywordSearch p {
	margin: 0; /* Reset */
}

#infoNavigation .keywordSearch span.icon {
	position: absolute;
	top: 13px;
	left: 9px;
	width: 12px;
	zoom: 1;
}

#infoNavigation .keywordSearch form {
	padding: 6px 9px;
	border: 1px solid #D2D2D2;
}

#infoNavigation .keywordSearch input {
	position: relative;
	height: 1.335em;
	font-size: 100%;
	line-height: 1.335;
	vertical-align: middle;
}

#infoNavigation .keywordSearch label.textbox input {
	margin: 0 3px 0 16px;
	padding-top: 3px;
	width: 200px;
	height: 19px;
	border: 1px solid #BBBBBB;
	vertical-align: middle;
}
/* IE6 Only */
* html #infoNavigation .keywordSearch label.textbox input {
	margin: -1px 3px -1px 16px;
	width: 200px;
}
/* IE7 Only */
*:first-child + html #infoNavigation .keywordSearch label.textbox input {
	margin: -1px 3px -1px 16px;
	width: 200px;
}

#infoNavigation .keywordSearch label.button input {
	height: auto; /* Reset */
}

#infoNavigation .keywordSearch label.textbox input{
	/*color:#999;*/
	color:#303030;
}

#infoNavigation .keywordSearch label.textbox input.input_color {
	color:#303030;
}


/* 4.Banner
========================================== */
	/* 4-1.Info Banner
	---------------------------------------- */
	#infoNavigation div.infoBanner {
		line-height:120%;
	}
	
	#infoNavigation div.open-x {
		padding:0 0 0px;
		background-color:#fff;
	}

	#infoNavigation div.open-x p {
		margin-bottom:0px;
	}
	
	#infoNavigation div.imagebanner_unit {
		background-color:#fff;
	}

	#infoNavigation div.imagebanner_unit img {
		/*margin-bottom:8px;*/
	}

	#infoNavigation div.mini-banner {
		margin-bottom: 8px;
	}

	#infoNavigation div.open-x .pr1 img{
		margin:2px;
	}
	
	#infoNavigation div.open-x .pr1 {
		overflow:visible;
		white-space:nowrap;
		padding:2px 0 8px 0;
	}
	
	*html #infoNavigation div.open-x .pr1 {
		white-space:normal;
	}
	
	
	/* 4-2.Apple Store
	---------------------------------------- */
	#infoNavigation div.appleStore {
		margin: 0 0 4px;
		border: 1px solid #D1D1D1;
	}

	/* 4-3.html_unit
	---------------------------------------- */
	#infoNavigation div.html_unit .ad_clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both; 
		visibility: hidden;
	}
	#infoNavigation div.html_unit .ad_clearfix {
		min-height: 1%;
	}
	#infoNavigation div.html_unit .ad_textlink_box{
		padding:5px 0;
		border-top:1px solid #aaa;
		border-bottom:1px solid #aaa;
	}
	#infoNavigation div.html_unit .ad_textlink{
		line-height:normal;
	}
	#infoNavigation div.html_unit .ad_rectangle{
		height:auto;/* 2009 9/1 sikata-s */
		text-align:center;
	}
	#infoNavigation div.html_unit .ad_special_badge{
		height:50px;
		text-align:center;
	}
	#infoNavigation div.html_unit .ad_imagetext{
		height:auto;/* 2009 9/1 sikata-s */
	}
	#infoNavigation div.html_unit .ad_square{
		margin-bottom:10px;
	}
	#infoNavigation div.html_unit .ad_square .ad_left{
		float:left;
		height:160px;
	}
	#infoNavigation div.html_unit .ad_square .ad_right{
		float:right;
		height:160px;
	}
	#infoNavigation div.html_unit .ad_imagetext{
		padding-bottom:8px!important;
		text-align:left;
		background-color:#fff;
	}
	
	/* for IE8  */
	html>/**/body #infoNavigation div.html_unit .ad_imagetext { margin-bottom /*\**/: 0px\9 }
	
	#infoNavigation div.html_unit .ad_imagetext .ad_left{
		float:left;
		height:72px;
		margin-right:5px;
	}
	#infoNavigation div.html_unit .ad_imagetext p{
		font-size:11px;
		line-height:1.3em;
		margin:0;
		font-weight:normal;
	}
	#infoNavigation div.html_unit .ad_imagetext p span{
		font-size:11px;
		line-height:1.3em;
		font-weight:bold;
	}


/* 5.Unit
========================================== */
#infoNavigation .unit {
	margin: 5px 0 15px;
}

#infoNavigation .unit ul li {
	margin: 0 0 2px;
}

	/* 5-1.Image Unit
	---------------------------------------- */
	#infoNavigation p.imageUnit {
		margin: 0 0 5px;
		text-align: center;
	}
	
	#infoNavigation p.imageUnit img {
		margin: 0 0 4px;
	}
	
	#infoNavigation p.imageUnit span.caption {
		padding: 0 0 0 14px;
		background: url(../../images/common/ico_arrow01_orange01.gif) no-repeat 0 0.25em;
	}


/* 6.Info Section
========================================== */
#infoNavigation .infoSection {
	padding: 7px 10px 0;
	border-top: 1px solid #D1D1D1;
}

#infoNavigation .infoSection h2 {
	margin: 0 0 4px;
	padding: 0 0 0 13px;
	background: url(../../images/common/ico_square01_gray01.gif) no-repeat 0 0.334em;
	font-size: 92.4%;
	line-height: 1.5;
	font-weight: bold;
}

#infoNavigation .infoSection h3 {
	margin: 0 0 2px;
	font-size: 92.4%;
	line-height: 1.5;
	font-weight: bold;
}

	/* 6-1.table
	---------------------------------------- */
	#infoNavigation .infoSection table {
		margin: 0 2px 8px;
	}
	
	#infoNavigation .infoSection table tr th,
	#infoNavigation .infoSection table tr td {
		padding: 2px 0;
		font-size: 92.4%;
		line-height: 1.335;
	}
	
	#infoNavigation .infoSection table tr th {
		padding-right: 10px;
		white-space: nowrap;
	}
	
	#infoNavigation .infoSection table tr td a {
		padding-bottom: 1px; /* for Underline */
	}
	
	/* 6-2.Image Column
	---------------------------------------- */
	#infoNavigation .infoSection .imageColumn01,
	#infoNavigation .infoSection .imageColumn02,
	#infoNavigation .infoSection .imageColumn03 {
		margin: 6px 0 7px;
		zoom: 1;
	}
	
	#infoNavigation .infoSection .imageColumn01:after,
	#infoNavigation .infoSection .imageColumn02:after,
	#infoNavigation .infoSection .imageColumn03:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
	#infoNavigation .infoSection .imageColumn01 p.image,
	#infoNavigation .infoSection .imageColumn02 p.image,
	#infoNavigation .infoSection .imageColumn03 p.image {
		float: left;
		margin: 0; /* Reset */
		text-align: center;
	}
	
	#infoNavigation .infoSection .imageColumn01 p.image {width: 160px;}
	#infoNavigation .infoSection .imageColumn02 p.image {width: 110px;}
	#infoNavigation .infoSection .imageColumn03 p.image {width: 40px;}
		
	
	#infoNavigation .infoSection .imageColumn01 .text,
	#infoNavigation .infoSection .imageColumn02 .text,
	#infoNavigation .infoSection .imageColumn03 .text {
		float: right;
		position: relative;
		margin: 0 0 -7px;
	}
	
	#infoNavigation .infoSection .imageColumn01 .text {width: 110px;}
	#infoNavigation .infoSection .imageColumn02 .text {width: 160px;}
	#infoNavigation .infoSection .imageColumn03 .text {width: 230px;}

	
	#infoNavigation .infoSection .imageColumn01 .text h3,
	#infoNavigation .infoSection .imageColumn02 .text h3,
	#infoNavigation .infoSection .imageColumn03 .text h3 {
	}
	
	#infoNavigation .infoSection .imageColumn01 .text h3 dfn,
	#infoNavigation .infoSection .imageColumn02 .text h3 dfn,
	#infoNavigation .infoSection .imageColumn03 .text h3 dfn {
		display: table-cell;
		padding: 0 10px 0 0;
		font-weight: bold;
		white-space: nowrap;
	}
	/* IE6 Only */
	* html               #infoNavigation .infoSection .imageColumn01 .text h3 dfn,
	* html               #infoNavigation .infoSection .imageColumn02 .text h3 dfn,
	* html               #infoNavigation .infoSection .imageColumn03 .text h3 dfn {display: inline; zoom: 1;}
	/* IE7 Only */
	*:first-child + html #infoNavigation .infoSection .imageColumn01 .text h3 dfn,
	*:first-child + html #infoNavigation .infoSection .imageColumn02 .text h3 dfn,
	*:first-child + html #infoNavigation .infoSection .imageColumn03 .text h3 dfn {display: inline; zoom: 1;}
	
	#infoNavigation .infoSection .imageColumn01 .text h3 span.title,
	#infoNavigation .infoSection .imageColumn02 .text h3 span.title,
	#infoNavigation .infoSection .imageColumn03 .text h3 span.title {
		display: table-cell;
	}
	/* IE6 Only */
	* html               #infoNavigation .infoSection .imageColumn01 .text h3 span.title,
	* html               #infoNavigation .infoSection .imageColumn02 .text h3 span.title,
	* html               #infoNavigation .infoSection .imageColumn03 .text h3 span.title {
		display: inline;
		width: 120px;
		vertical-align:
		top; zoom: 1;
	}
	/* IE7 Only */
	*:first-child + html #infoNavigation .infoSection .imageColumn01 .text h3 span.title,
	*:first-child + html #infoNavigation .infoSection .imageColumn02 .text h3 span.title,
	*:first-child + html #infoNavigation .infoSection .imageColumn03 .text h3 span.title {
		display: inline;
		width: 120px;
		vertical-align:
		top; zoom: 1;
	}
	
	#infoNavigation .infoSection .imageColumn01 .text ul.list03,
	#infoNavigation .infoSection .imageColumn02 .text ul.list03,
	#infoNavigation .infoSection .imageColumn03 .text ul.list03 {
		margin-right: 0;
	}
	
	/* 6-3.Link
	---------------------------------------- */
		/* 6-3-1.Relative Link
		---------------------------------------- */
		#infoNavigation .infoSection p.relativeLink {
			text-align: right;
		}
		
		#infoNavigation .infoSection p.relativeLink a {
			padding: 0 0 1px 14px;
			background: url(../../images/common/ico_arrow01_orange01.gif) no-repeat 0 0.25em;
		}
		
		/* 6-3-2.Relative Link Button
		---------------------------------------- */
		#infoNavigation .infoSection p.relativeLinkBtn {
			margin: 7px 0 12px;
			text-align: center;
		}
		
		/* 6-3-3.Buy Link
		---------------------------------------- */
		#infoNavigation .infoSection ul.buyLink {
			margin: 18px 0;
			text-align: center;
		}
		
		#infoNavigation .infoSection ul.buyLink li {
			display: inline;
		}
	
	/* 6-4.List
	---------------------------------------- */
	#infoNavigation ul {
		margin: 0 0 7px;
	}
	
	#infoNavigation ul li {
		margin: 0 0 4px;
	}
	
		/* 6-4-1.List01
		---------------------------------------- */
		#infoNavigation .infoSection ul.list01 {
			margin: 0 17px 7px;
		}
		
		#infoNavigation .infoSection ul.list01 li {
			margin: 0 0 4px;
		}
		
		#infoNavigation .infoSection ul.list01 li a {
			display: table-cell;
			padding: 0 0 0 14px;
			background: url(../../images/common/ico_arrow01_orange01.gif) no-repeat 0 0.334em;
		}
		/* IE6 Only */
		* html #infoNavigation .infoSection ul.list01 li a {
			display: inline;
			zoom: 1;
		}
		/* IE7 Only */
		*:first-child + html #infoNavigation .infoSection ul.list01 li a {
			display: inline;
			zoom: 1;
		}
		
		/* 6-4-2.List02
		---------------------------------------- */
		#infoNavigation .infoSection dl.list02 {
			position: relative;
			margin: -10px 17px 7px;
		}
		
		#infoNavigation .infoSection dl.list02 dt {
			margin: 17px 0 0;
			font-weight: bold;
		}
		
		#infoNavigation .infoSection dl.list02 dd {
		}
		
		#infoNavigation .infoSection dl.list02 dd a {
			display: table-cell;
			padding: 0 0 0 14px;
			background: url(../../images/common/ico_arrow01_orange01.gif) no-repeat 0 0.334em;
		}
		/* IE6 Only */
		* html #infoNavigation .infoSection dl.list02 dd a {
			display: inline;
			zoom: 1;
		}
		/* IE7 Only */
		*:first-child + html #infoNavigation .infoSection dl.list02 dd a {
			display: inline;
			zoom: 1;
		}
		
		/* 6-4-3.List03
		---------------------------------------- */
		#infoNavigation .infoSection ul.list03 {
			margin: 0 17px 7px 18px;
		}
		
		#infoNavigation .infoSection ul.list03 li {
			list-style: outside disc;
		}
		
		/* 6-4-4.Recruit List
		---------------------------------------- */
		#infoNavigation .infoSection h2.recruitTitle {
		margin: 20px 0 4px;
		padding: 0;
		background: none;
}
		#infoNavigation .infoSection ul.recruitList {
			margin: 7px 0 8px;
			border: 1px solid #f60;
		}
		
		#infoNavigation .infoSection ul.recruitList li {
			margin: 0; /* Reset */
			padding: 6px 12px;
			background-color: #fff;
			border-bottom: 1px solid #ccc;
			/*background: #fff url(../../images/base/recruitlist_bg_01.gif) no-repeat 0 100%;*/
			color: #FFFFFF;
			line-height: 1.5;
		}
		
		#infoNavigation .infoSection ul.recruitList li dfn {
			font-weight: bold;
		}
		
		#infoNavigation .infoSection ul.recruitList li a {
			padding-bottom: 1px; /* for Underline */
			color: #FF6600;
		}
		#infoNavigation .infoSection .recruitNewIcon {
			padding-bottom:0.2em;
			display:block;
		}
		
		/* 6-4-5.Image Column List
		---------------------------------------- */
		#infoNavigation .infoSection ul.imageColumnList {
			margin-top: 7px;
		}
		
		#infoNavigation .infoSection ul.imageColumnList li {
			margin: 0 0 10px;
			vertical-align: bottom; /* for IE */
			zoom: 1;
		}
		
		#infoNavigation .infoSection ul.imageColumnList li:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0px; visibility: hidden;
		}
		
		#infoNavigation .infoSection ul.imageColumnList li p.text {
			float: right;
			margin: 0;
			width: 190px;
			font-size: 100%;
		}
		
		#infoNavigation .infoSection ul.imageColumnList li p.image {
			float: left;
			margin: 0;
			width: 80px;
		}
		
		/* 6-4-6.List04 [2010.03.16]
		---------------------------------------- */
		#infoNavigation .infoSection ul.list04 {
			margin: 7px 17px 7px 35px;
		}
		/* IE6 Only */
		* html               #infoNavigation .infoSection ul.list04 {margin-left: 38px;}
		/* IE7 Only */
		*:first-child + html #infoNavigation .infoSection ul.list04 {margin-left: 38px;}
		
		#infoNavigation .infoSection ul.list04 li {
			list-style: outside disc;
		}
		
		/* 6-4-7.Banner Panel [2010.03.16]
		---------------------------------------- */
		#infoNavigation .infoSection dl.bannerPanel {
			position: relative;
			margin: 10px 0 20px -10px;
			zoom: 1;
		}
		#infoNavigation .infoSection dl.bannerPanel:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0px; visibility: hidden;
		}
		
		#infoNavigation .infoSection dl.bannerPanel dt {
			margin: 0 0 0 10px;
			padding: 0 0 2px;
		}
		
		#infoNavigation .infoSection dl.bannerPanel dd {
			float: left;
			display: inline; /* for IE */
			margin: 5px 0 0 10px;
			width: 135px;
		}
	
	/* 6-5.User Account
	---------------------------------------- */
	#infoNavigation .infoSection .userAccount {
		margin: 0 0 10px;
		padding: 3px;
		border: 1px solid #D1D1D1;
		background-color: #FFFFFF;
	}
	
	#infoNavigation .infoSection .userAccount h2 {
		margin: 0 0 8px;
		padding: 1px 10px 0;
		background: #9B2513 url(../../images/base/useraccount_h2_bg_01.png) repeat-x;
		color: #FFFFFF;
	}
	
	#infoNavigation .infoSection .loginUser h2 {background-image: url(../../images/base/useraccount_h2_bg_02.png);}
	
	#infoNavigation .infoSection .userAccount h2 span {
		padding: 0 0 0 11px;
		background: url(../../images/base/useraccount_h2_ico_01.gif) no-repeat 0 49%;
	}
	
	#infoNavigation .infoSection .loginUser h2 span {background-image: url(../../images/base/useraccount_h2_ico_02.gif);}
	
	#infoNavigation .infoSection .userAccount p.message {
		margin: 20px 5px 15px;
		text-align: center;
	}
	
	#infoNavigation .infoSection .userAccount ul.list01 {
		margin: 0 30px;
	}
	
	#infoNavigation .infoSection .loginUser ul.list01 {margin-bottom: 15px;}
	
	#infoNavigation .infoSection .userAccount ul.list01 li {
		margin: 0; /* Reset */
	}
	
	#infoNavigation .infoSection .userAccount ul.list01 li a {
		background-position: 0 0.417em;
	}
	
		/* 6-5-1.User Login
		---------------------------------------- */
		#infoNavigation .infoSection dl.userLogin {
			margin: 0 27px 10px;
		}
		
		#infoNavigation .infoSection dl.userLogin dt {
			margin: 5px 0 0;
		}
		
		#infoNavigation .infoSection dl.userLogin dd {
		}
		
		#infoNavigation .infoSection dl.userLogin dd label.textbox input {
			padding-top: 4px;
			width: 212px;
			height: 18px;
			border: 1px solid #BBBBBB;
			vertical-align: middle;
		}
		/* IE6 Only */
		* html #infoNavigation .infoSection dl.userLogin dd label.textbox input {
			margin: -1px 0;
			width: 212px;
		}
		/* IE7 Only */
		*:first-child + html #infoNavigation .infoSection dl.userLogin dd label.textbox input {
			margin: -1px 0;
			padding-top: 6px;
			width: 212px;
			height: 16px;
		}
		
		#infoNavigation .infoSection dl.userLogin dd label.textbox input {
		}
		
		/* 6-5-2.Submit
		---------------------------------------- */
		#infoNavigation .infoSection p.submit {
			text-align: center;
		}


/* 7.Web Creators Twitter [2010.03.16]
=========================================== */
#infoNavigation .webCreTwitter {
	margin: 0 0 10px;
	background: url(../../images/parts/webcretwit_bg_01.gif) repeat-y;
}

#infoNavigation .webCreTwitter .title {
	margin: 0 0 5px;
	height: 45px;
	background: url(../../images/parts/webcretwit_bg_top_01.gif) no-repeat;
}

	/* 7-1.Twit
	---------------------------------------- */
	#infoNavigation .webCreTwitter .twit {
		padding: 0 20px 15px;
		background: url(../../images/parts/webcretwit_bg_btm_01.gif) no-repeat 0 100%;
	}
	
	#infoNavigation .webCreTwitter .twit p {
		margin: 0;
		color: #252525;
		font-size: 84.7%;
		line-height: 1.455;
	}
	#infoNavigation .webCreTwitter .twit p dfn {
		display: block;
		margin: 0 0 2px;
		color: #3399CC;
		font-weight: bold;
	}
	
	#infoNavigation .webCreTwitter .twit p em {
		color: #0075A9;
	}
	
	#infoNavigation .webCreTwitter .twit p.time {
		color: #828282;
		text-align: right;
	}


/* twitter 関連リンク */
#infoNavigation .infoSection h2.twitter_icon {
	background-position: 0pt 15px;
}

#infoNavigation div.side_mdn_guide {
	text-align:center;
	background-color:transparent;
}


//@import "http://www.mdn.co.jp/di/css/base/textdecorations.css";


/* =======================================

	Text Decorations CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.Titles
	
	2.Default Text Setting
	
	3.Margin
	
	4.Text
	
	5.List
		5-1.List01
		5-2.List02
		5-3.Number
	
	6.table
		6-1.Table01
		6-2.Table02

========================================== */

/* 1.Titles
========================================== */
#contents h2 {
	font-size: 92.4%;
	line-height: 1.5;
}

#contents h3 {
	font-size: 107.8%;
	line-height: 1.429;
	font-weight: bold;
}

#contents h4 {
	font-size: 92.4%;
	line-height: 1.5;
	font-weight: bold;
}

#contents h5 {
}

#contents h6 {
}


/* 2.Default Text Setting
========================================== */
#contents p, #contents address, #contents th, #contents td {
	font-size: 92.4%;
	line-height: 1.5;
}

#contents li, #contents dt, #contents dd {
	font-size: 92.4%;
	line-height: 1.335;
}

/* Inner Reset  */
#contents th p, #contents th li, #contents th dt, #contents th dd,
#contents td p, #contents td li, #contents td dt, #contents td dd,
#contents li p, #contents li li, #contents li dt, #contents li dd,
#contents dt p, #contents dt li, #contents dt dt, #contents dt dd,
#contents dd p, #contents dd li, #contents dd dt, #contents dd dd {
	font-size: 100%;
}

#contents strong {
	font-weight: bold;
}

#contents em {
	font-style: italic;
}

#contents a {
	/*color: #303030;*/
	text-decoration: none;
}

#contents a:hover {
	text-decoration: underline;
}


/* 3.Margin
========================================== */
#contents .section {
	margin: 0 0 40px;
}

#contents .section .section {
	margin: 0 0 15px;
}
	
#contents .line {
	margin: 0 0 12px;
	height: 1px;
	background-color: #D1D1D1;
	overflow: hidden;
}

#contents .line02 { /* [2010.03.19] */
	margin: 0 1px 20px;
	width: 100%; /* for Safari 2.x */
	height: 0;
	border-bottom: 1px solid #C3C3C3;
	overflow: hidden;
}


/* 4.Text
========================================== */
#contents p.necessary,
#contents span.necessary {
	color: #E60012;
}

#contents p.errorMess {
	margin: 0 30px;
	color: #E60012;
}

#contents .notice01 {
	margin: 0 0 8px;
	color: #E60012;
}

#contents .notice02 {
	margin: 0 0 8px;
	color: #0068B7;
}


/* 5.List
========================================== */
	/* 5-1.List01
	---------------------------------------- */
	#contents ul.list01 {
		margin: 0 0 12px;
	}
	
	#contents ul.list01 li {
		margin: 0 0 4px;
	}
	
	#contents ul.list01 li a {
		display: table-cell;
		padding: 0 0 0 14px;
		background: url(../../images/common/ico_arrow01_orange01.gif) no-repeat 0 0.334em;
		color: #303030;
	}
	/* IE6 Only */
	* html #contents ul.list01 li a {
		display: inline;
		zoom: 1;
	}
	/* IE7 Only */
	*:first-child + html #contents ul.list01 li a {
		display: inline;
		zoom: 1;
	}
	
	/* 5-2.List02
	---------------------------------------- */
	#contents ul.list02 {
		margin: 0 17px 7px 18px;
	}
	
	#contents ul.list02 li {
		margin: 0 0 2px;
		list-style: outside disc;
	}
	
	/* 5-3.Number [2010.04.16]
	---------------------------------------- */
	#contents ol.number, #contents ul.number {
		margin: 0 0 10px;
	}
	
	#contents ol.number li, #contents ul.number li {
		margin: 0 0 5px 18px;
		list-style: outside decimal;
	}
	/* IE6 Only */
	* html #contents ol.number li {margin-left: 24px;}
	* html #contents ul.number li {margin-left: 24px;}
	/* IE7 Only */
	*:first-child + html #contents ol.number li {margin-left: 24px;}
	*:first-child + html #contents ul.number li {margin-left: 24px;}
	
	/* 5-4.Attention [update 2010.09.27]
	---------------------------------------- */
	#contents ul.attention {
		margin: 0 0 20px;
	}
	
	#contents ul.attention li {
		padding: 0 0 0 10px;
		background: url(../../images/common/ico_circle01_red01.gif) no-repeat 0 0.334em;
	}


/* 6.table
========================================== */
	/* 6-1.Table01
	---------------------------------------- */
	#contents table.table01 {
	}
	
	#contents table.table01 tr th {
		padding: 15px 15px 14px;
		border: 1px solid #DBDBDB;
		background-color: #EEEEEE;
	}
	
	#contents table.table01 tr td {
		padding: 15px 15px 14px;
		border: 1px solid #DBDBDB;
	}
	
	/* 6-2.Table02
	---------------------------------------- */
	#contents table.table02 {
		width: 100%;
		background-color: #FFFFFF;
	}
	
	#contents table.table02 tr th,
	#contents table.table02 tr td {
		padding: 3px 10px 2px;
		border: 1px solid #CFCFCF;
	}
	
	#contents table.table02 tr th {border-right: none; /* Reset */}
	#contents table.table02 tr td {border-left:  none; /* Reset */}
	
	/* 6-2.Table03
	---------------------------------------- */
	#contents table.table03 {
		margin: 0 0 15px;
		border: 1px solid #999999;
	}
	
	#contents table.table03 tr th,
	#contents table.table03 tr td {
		padding: 5px 8px 3px;
		border: 1px solid #999999;
		line-height: 1.335;
		text-align: center;
		vertical-align: middle;
		font-size: 77%;
		line-height: 1.6;
	}
	
	#contents table.table03 tr th {
		background: #666666;
		color: #FFF;
	}
	
	#contents table.table03 tr td {
	}
	
	#contents table.table03 tr td.imps,
	#contents table.table03 tr td.price {
		text-align: right;
	}
	
	/* 6-3.Table04
	---------------------------------------- */
	#contents table.table04 {
		margin: 0 0 15px;
		border: 1px solid #999999;
	}
	
	#contents table.table04 tr th,
	#contents table.table04 tr td {
		padding: 10px;
		border: 1px solid #999999;
		line-height: 1.335;
		vertical-align: middle;
	}
	
	#contents table.table04 tr th {
		background: #E9E8E4;
	}
	
	#contents table.table04 tr td {
	}
	
	/* 6-4.Table05 [update 2010.09.27]
	---------------------------------------- */
	#contents table.table05 {
		width: 100%;
		border-top: 1px solid #C3C3C3;
	}
	
	#contents table.table05 tr th,
	#contents table.table05 tr td {
		padding: 13px;
		border-bottom: 1px solid #C3C3C3;
		font-size: 92.9%;
		line-height: 1.994;
	}
	
	#contents table.table05 tr th {
		background-color: #F5F5F5;
	}
	



/* Parts
========================================== */
//@import "http://www.mdn.co.jp/di/css/parts/others.css";


/* =======================================

	Others CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.Title
		1-1.Title01
			1-1-1.RSS Icon
			1-1-2.Listup Link
			1-1-3.Update
		1-2.Title02
		1-3.Title03
		1-4.Title04
		1-5.Title05
		1-6.Title06
		1-7.Title07         [2010.08.13]
	
	2.Relative Link
	
	3.Select List
	
	4.Contents Header
	
	5.Search Menu
	
	6.Listup Navi
	
	7.Navigate List
		7-1.Navigate List02  [2010.03.16]
	
	8.Book Ranking
		8-1.Book Image
		8-2.Book Summary
		8-3.First
		8-4.Second
		8-5.Third
	
	9.Index List
		9-1.Image
		9-2.Summary
	
	10.Listup Section
		10-1.Index List
	
	11.Info Pickup
		11-1.Image Unit
		11-2.Summary
	
	12.Pagenation
		12-1.Page Flip
	
	13.Entry Input
		13-1.Table01
			13-1-1.input
		13-2.Mail Magazine Request
		13-3.Submit Button
	
	14.Member Entry
	
	15.User Account
		15-1.Login Table
			15-1-1.User Login
			15-1-2.Submit Button
		15-2.List01
	
	16.Box
		16-1.Lead Box01
		16-2.Lead Box02
		16-2.Lead Box03
		16-4.Information Box01
		16-5.Lead Box04        [2010.03.19]
		16-6.Balloon Box01     [2010.03.19]
		16-7.Lead Box05        [2010.03.19]
	
	17.Press Release List
	
	18.Year List
	
	19.Info List
	
	20.Page Top
	
	21.Web Creators Twitter  [2010.03.16]
		21-1.Twit
		21-2.Follower
			21-2-1.Follow Title
			21-2-2.Follow Twit
				21-2-2-1.Follow Flip
	
	22.Pickup Section        [2010.03.16]
		22-1.Image
		22-2.Summary
			22-2-1.Title
			22-2-2.Relative Link

========================================== */

/* 1.Title
========================================== */
	/* 1-1.Title01
	---------------------------------------- */
	#contents .title01 {
		position: relative;
		margin: 0 0 12px;
		padding: 3px 3px 2px 47px;
		height: auto; /* for Modern Browser */
		min-height: 18px; /* for Modern Browser */
		background-color: #000000;
		color: #FFFFFF;
		font-size: 92.4%;
		line-height: 1.5;
		font-weight: normal;
		zoom: 1;
	}
	/* IE6 Only */
	* html #contents .title01 {height: 18px;}
	
	#contents .title01 span {
		position: absolute;
		top: 3px;
		left: 3px;
		margin: 0 10px 0 0;
	}
	
		/* 1-1-1.RSS Icon
		---------------------------------------- */
		#contents p.rssIcon {
			position: relative;
			top: -1.534em;
			margin: -13px 6px -2px;
			text-align: right;
		}
		/* IE6 Only */
		* html               #contents p.rssIcon {margin: -12px 6px -3px;}
		/* IE7 Only */
		*:first-child + html #contents p.rssIcon {margin: -12px 6px -3px;}
		
		/* 1-1-2.Listup Link
		---------------------------------------- */
		#contents p.listupLink {
			position: relative;
			top: -14px;
			margin: -1.5em 12px 0 340px;
			text-align: right;
		}
		
		#contents p.listupLink a {
			color: #FFFFFF;
		}
		
		/* 1-1-3.Update
		---------------------------------------- */
		#contents p.update {
			position: relative;
			top: -14px;
			margin: -1.5em 12px 0 340px;
			color: #FFFFFF;
			text-align: right;
		}
	
	/* 1-2.Title02
	---------------------------------------- */
	#contents .title02 {
		margin: 0 0 13px;
		padding: 0 0 6px 1px;
		border-bottom: 1px solid #C3C3C3;
	}
	
	/* 1-3.Title03
	---------------------------------------- */
	#contents .title03 {
		margin: 0 0 20px;
		padding: 0 0 0 23px;
		background: url(../../images/parts/title03_bg_01.gif) no-repeat;
		font-size: 138.5%;
		line-height: 1.112;
	}
	
	/* 1-4.Title04
	---------------------------------------- */
	#contents .title04 {
		position: relative;
		margin: 0 0 20px;
		padding: 3px 3px 2px 35px;
		height: auto; /* for Modern Browser */
		min-height: 18px; /* for Modern Browser */
		background-color: #0069B7;
		color: #FFFFFF;
		font-size: 92.4%;
		line-height: 1.5;
		font-weight: normal;
		zoom: 1;
	}
	/* IE6 Only */
	* html #contents .title04 {height: 18px;}
	
	#contents .title04 span {
		position: absolute;
		top: 3px;
		left: 8px;
		margin: 0 10px 0 0;
	}
	
	/* 1-5.Title05
	---------------------------------------- */
	#contents .title05 {
		margin: 0 0 12px;
		color: #0069B1;
		font-size: 107.8%;
		line-height: 1.429;
	}
	
	/* 1-6.Title06
	---------------------------------------- */
	#contents .title06 {
		margin: 0 0 20px;
		padding: 4px 0 4px 14px;
		background: #DCDCDC;
	}
	#contents .title06 span {
		font-size: 77%;
		line-height: 1.401;
		color: #CC0033;
	}
	
	/* 1-7.Title07 [2010.08.13]
	---------------------------------------- */
	#contents .title07 {
		padding: 4px 13px 3px;
		margin: 0 0 12px;
		background: #DCDCDC;
		color: #00345C;
		font-size: 92.4%;
		line-height: 1.5;
		font-weight: bold;
	}
	
	#contents .title07 span {
		font-weight: normal;
	}


/* 2.Relative Link
========================================== */
#contents p.relativeLink {
	margin: 0; /* Reset */
	text-align: right;
}

#contents p.relativeLink a {
	padding: 0 0 1px 14px;
	background: url(../../images/common/ico_arrow01_orange01.gif) no-repeat 0 0.25em;
	color: #303030;
}

#contents p.relativeLink span.icon {
}

#contents p.relativeLink span.icon img {
	position: relative;
	top: -2px;
}

	/* 2-1.Relative Link02 [2010.03.16]
	---------------------------------------- */
	#contents p.relativeLink02 {
		margin: 0 0 30px;
		text-align: right;
	}
	
	#contents p.relativeLink02 a {
		padding: 0 0 1px 14px;
		background: url(../../images/common/ico_arrow01_orange01.gif) no-repeat 0 0.25em;
		color: #303030;
	}


/* 3.Select List
========================================== */
#contents ul.selectList {
	clear: both;
	padding: 4px 22px 5px;
	background-color: #EFEFEF;
}

#contents ul.selectList li {
	display: inline;
	margin: 0 15px 0 0;
	padding: 0 0 0 10px;
	background: url(../../images/common/ico_arrow01_blue01.gif) no-repeat 0 49%;
	color: #535353;
	line-height: 1.994;
	white-space: nowrap;
	zoom: 1;
}

#contents ul.selectList li.active {
	color: #959595;
	background: url(../../images/common/ico_arrow01_gray01.gif) no-repeat 0 49%;
}

#contents ul.selectList li a {
	color: #00479D;
}


/* 4.Contents Header
========================================== */
#contents #contentsHeader {
	margin: 0 0 20px;
}

#contents #contentsHeader ul.selectList {
	position: relative;
	margin: -12px 0 0;
}


/* 5.Search Menu
========================================== */
#contents .searchMenu {
	margin: 10px 0 25px;
}

#contents .searchMenu .title {
	padding: 2px 25px 1px;
	background-color: #D0D0D0;
	font-size: 92.4%;
	line-height: 1.5;
}


/* 6.Listup Navi
========================================== */
#contents dl.listupNavi {
	position: relative;
	margin: -8px 0 10px 30px;
}

#contents dl.listupNavi dt {
	margin: 8px 0 0;
	font-weight: bold;
	font-size: 107.8%;
	line-height: 1.286;
}

#contents dl.listupNavi dt a {
	color: #303030;
}

#contents dl.listupNavi dd {
	font-size: 107.8%;
	line-height: 1.286;
}

#contents dl.listupNavi dd a {
	display: table-cell;
	padding: 0 0 0 14px;
	background: url(../../images/common/ico_arrow01_orange01.gif) no-repeat 0 0.417em;
	color: #303030;
}
/* IE6 Only */
* html #contents dl.listupNavi dd a {
	display: inline;
	zoom: 1;
}
/* IE7 Only */
*:first-child + html #contents dl.listupNavi dd a {
	display: inline;
	zoom: 1;
}


/* 7.Navigate List
========================================== */
#contents dl.navigateList {
	margin: 0 0 10px 30px;
	padding: 0 0 6px;
	border-bottom: 1px solid #D1D1D1;
}

#contents dl.navigateList dt {
	margin: 0 0 3px;
	font-weight: bold;
}

#contents dl.navigateList dt a {
	color: #303030;
}

#contents dl.navigateList dd ,
#contents ul.navigateList li {
	font-size: 107.8%;
	line-height: 1.286;
}

#contents dl.navigateList dd a ,
#contents ul.navigateList li a {
	display: table-cell;
	padding: 0 0 0 14px;
	background: url(../../images/common/ico_arrow01_orange01.gif) no-repeat 0 0.417em;
	color: #303030;
}
/* IE6 Only */
* html #contents dl.navigateList dd a {
	display: inline;
	zoom: 1;
}
* html #contents ul.navigateList li a {
	display: inline;
	zoom: 1;
}
/* IE7 Only */
*:first-child + html #contents dl.navigateList dd a {
	display: inline;
	zoom: 1;
}
*:first-child + html #contents ul.navigateList li a {
	display: inline;
	zoom: 1;
}

	/* 7-1.Navigate List02 [2010.03.16]
	---------------------------------------- */
	#contents ul.navigateList02 {
		margin: 0 0 10px 30px;
	}
	
	#contents ul.navigateList02 li {
		margin: 0 0 6px;
	}
	
	#contents ul.navigateList02 li a {
		display: table-cell;
		padding: 0 0 0 14px;
		background: url(../../images/common/ico_arrow01_orange01.gif) no-repeat 0 0.417em;
		color: #303030;
	}
	/* IE6 Only */
	* html               #contents ul.navigateList02 li a {display: inline; zoom: 1;}
	/* IE7 Only */
	*:first-child + html #contents ul.navigateList02 li a {display: inline; zoom: 1;}


/* 8.Book Ranking
========================================== */
#contents ul.bookRanking {
	margin: 0 0 6px;
	border: 1px solid #BFBFBF;
	background: url(../../images/common/line_solid01_gray01.gif) repeat-y 318px 0;
	zoom: 1;
}

#contents ul.bookRanking:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#contents ul.bookRanking li {
	vertical-align: bottom;
	zoom: 1;
}

#contents ul.bookRanking li:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

	/* 8-1.Book Image
	---------------------------------------- */
	#contents ul.bookRanking li p.bookImage {
		float: left;
		padding: 7px 0;
		width: 120px;
		text-align: center;
	}
	
	/* 8-2.Book Summary
	---------------------------------------- */
	#contents ul.bookRanking li .bookSummary {
		float: right;
		padding: 0 10px 0 0;
		width: 180px;
	}
	
	#contents ul.bookRanking li .bookSummary .title {
		position: relative;
		margin: 10px 0;
		padding: 0 0 0 23px;
		font-weight: bold;
		font-size: 116.67%;
		line-height: 1.286;
		zoom: 1;
	}
	
	#contents ul.bookRanking li .bookSummary span.num {
		position: absolute;
		top: 3px;
		left: 0;
	}
	
	#contents ul.bookRanking li .bookSummary .title a {
		color: #303030;
	}
	
	#contents ul.bookRanking li .bookSummary p {
		margin: 0 0 10px;
		font-size: 116.67%;
		line-height: 1.286;
	}
	
	/* 8-3.First
	---------------------------------------- */
	#contents ul.bookRanking li.first {
		border-bottom: 1px solid #BFBFBF;
		background: url(../../images/parts/bookranking_bg_01.gif) repeat-y 134px 0;
	}
	
	#contents ul.bookRanking li.first p.bookImage {
		width: 134px;
	}
	
	#contents ul.bookRanking li.first .bookSummary {
		width: 469px;
		padding-right: 15px;
	}
	
	#contents ul.bookRanking li.first .bookSummary .title {
		padding-left: 40px;
	}
	
	/* 8-4.Second
	---------------------------------------- */
	#contents ul.bookRanking li.second {
		float: left;
		width: 318px;
	}
	
	/* 8-5.Third
	---------------------------------------- */
	#contents ul.bookRanking li.third {
		float: right;
		width: 319px;
	}


/* 9.Index List
========================================== */
#contents ul.indexList {
	position: relative;
	margin: -20px 0 15px -40px;
	width: 680px;
	zoom: 1;
}
#contents ul.indexList:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#contents .listupSection ul.indexList {
	margin-bottom: 10px;
}

#contents ul.indexList li {
	float: left;
	display: inline; /* for IE */
	position: relative;
	margin: 20px 0 0 40px;
	width: 300px;
	zoom: 1;
}
#contents ul.indexList li:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

	/* 9-1.Image
	---------------------------------------- */
	#contents ul.indexList li p.image {
		float: left;
		margin: 0; /* Reset */
		width: 40px;
	}
	
	/* 9-2.Summary
	---------------------------------------- */
	#contents ul.indexList li .summary {
		float: right;
		width: 150px;
	}
	
	#contents ul.indexList li .summary .title {
		font-size: 100%;
		line-height: 1.666;
		font-weight: bold;
	}
	
	#contents ul.indexList li .summary p {
		margin: 0; /* Reset */
		line-height: 1.666;
	}
	
	#contents ul.indexList li .summary p a {
		color: #303030;
	}
	
	#contents ul.indexList li .summary p img {
		position: relative;
		top: 1px;
		vertical-align: top;
	}
	/* IE6 Only */
	* html               #contents ul.indexList li .summary p img {top: 0;}
	/* IE7 Only */
	*:first-child + html #contents ul.indexList li .summary p img {top: 0;}


/* 10.Listup Section
========================================== */
#contents .listupSection {
	margin: 0 0 15px;
}

#contents .listupSection .title02 {
	padding-bottom: 2px;
	font-size: 92.4%;
	line-height: 1.5;
}

#contents .listupSection p.relativeLink {
	padding: 10px 0 0;
	border-top: 1px solid #C3C3C3;
}

	/* 10-1.Index List
	---------------------------------------- */
	#contents .listupSection ul.indexList {
	}
	
	#contents .listupSection ul.indexList li {
	}
	
	#contents .listupSection ul.indexList li .summary {
		margin-bottom: 1.539em;
	}
	
	#contents .listupSection ul.indexList li .summary .title {
		position: relative;
		font-size: 100%;
	}
	
	#contents .listupSection ul.indexList li .summary .title span.icon {
		margin: 0 0 0 6px;
	}
	
	#contents .listupSection ul.indexList li .summary .title span.icon img {
		position: relative;
		top: -3px;
		margin-top: 3px;
		vertical-align: middle;
	}
	/* IE6 Only */
	* html               #contents .listupSection ul.indexList li .summary .title span.icon img {top: 0; margin: 0;}
	/* IE7 Only */
	*:first-child + html #contents .listupSection ul.indexList li .summary .title span.icon img {top: -1px; margin: 0;}
	
	#contents .listupSection ul.indexList li .summary p {
		margin: 0 0 5px;
	}
	
	#contents .listupSection ul.indexList li .summary p.relativeLink {
		position: absolute;
		bottom: 0;
		margin: 0;
		padding: 0;
		width: 150px;
		border: none;
	}


/* 11.Info Pickup
========================================== */
#contents .infoPickup {
	position: relative;
	margin: 0 0 20px;
	zoom: 1;
}
#contents .infoPickup:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}
	
	/* 11-1.Image Unit
	---------------------------------------- */
	#contents .infoPickup p.imageUnit {
		float: left;
		margin: 0; /* Reset */
		width: 137px;
		text-align: center;
	}
	
	#contents .infoPickup p.imageUnit span.status {
		display: block;
		margin: 10px 0 0;
	}
	
	#contents .infoPickup p.imageUnit span.status img {
		margin: 0 3px;
	}
	
	/* 11-2.Summary
	---------------------------------------- */
	#contents .infoPickup .summary {
		float: right;
		padding: 0 0 1.847em;
		width: 480px;
	}
	
	#contents .infoPickup .summary .title {
		margin: 0 0 14px;
		font-size: 92.4%;
		line-height: 1.5;
		font-weight: bold;
	}
	
	#contents .infoPickup .summary .title a {
		color: #303030;
	}
	
	#contents .infoPickup .summary .title span.category {
		display: block;
		margin: 0 0 2px;
		font-weight: normal;
	}
	
	#contents .infoPickup .summary .title span.title {
		display: block;
		margin: 7px 0 0;
		font-size: 150%;
		line-height: 1.224;
	}
	
	#contents .infoPickup .summary p {
		margin: 0; /* Reset */
	}
	
	#contents .infoPickup .summary p.relativeLink {
		position: absolute;
		bottom: 0;
		width: 480px;
	}


/* 12.Pagenation
========================================== */
#contents .pagenation {
	margin: 15px 0 0;
	padding: 10px 0 0;
	border-top: 1px solid #C3C3C3;
}

#contents .pagenation table {
	margin: 0 auto;
}

#contents .pagenation table tr td {
	vertical-align: middle;
	zoom: 1;
}

#contents .pagenation table tr td.prev,
#contents .pagenation table tr td.next {
	white-space: nowrap;
}

#contents .pagenation table tr td.prev a,
#contents .pagenation table tr td.next a {
	display: block;
	color: #303030;
}

#contents .pagenation table tr td.prev a {
	padding: 0 12px 0 10px;
	background: url(../../images/common/ico_arrow02_orange01.gif) no-repeat 100% 49%;
}

#contents .pagenation table tr td.next a {
	padding: 0 10px 0 12px;
	background: url(../../images/common/ico_arrow01_orange01.gif) no-repeat 0 49%;
}

	/* 12-1.Page Flip
	---------------------------------------- */
	#contents .pagenation table tr td.pageFlip {
		padding: 0 10px;
	}
	
	#contents .pagenation table tr td.pageFlip ul {
	}
	
	#contents .pagenation table tr td.pageFlip ul li {
		display:-moz-inline-box;
		display: inline-block;
		margin: 2px 0;
	}
	/* IE6 Only */
	* html #contents .pagenation table tr td.pageFlip ul li {
		display: inline;
		margin: 2px;
		zoom: 1;
	}
	/* IE7 Only */
	*:first-child + html #contents .pagenation table tr td.pageFlip ul li {
		display: inline;
		margin: 2px;
		zoom: 1;
	}
	/* Safari2,0 Only \*/
	html:\66irst-child #contents .pagenation table tr td.pageFlip ul li {
		margin: 0;
	}/**/
	
	#contents .pagenation table tr td.pageFlip ul li span.current {
		display: block;
		padding: 4px 8px;
		background-color: #C4DDF0;
		color: #FFFFFF;
	}
	/* IE6 Only */
	* html               #contents .pagenation table tr td.pageFlip ul li span.current {display: inline; zoom: 1;}
	/* IE7 Only */
	*:first-child + html #contents .pagenation table tr td.pageFlip ul li span.current {display: inline; zoom: 1;}
	
	#contents .pagenation table tr td.pageFlip ul li a {
		display: block;
		padding: 4px 8px;
		background-color: #57A0D4;
		color: #FFFFFF;
	}
	/* IE6 Only */
	* html               #contents .pagenation table tr td.pageFlip ul li a {display: inline; zoom: 1;}
	/* IE7 Only */
	*:first-child + html #contents .pagenation table tr td.pageFlip ul li a {display: inline; zoom: 1;}


/* 13.Entry Input
========================================== */
#contents .entryInput {
	margin: 25px 0 30px;
}

#contents .entryInput p {
	margin: 0 0 5px;
	line-height: 1.666;
}

#contents .entryInput p.necessary {
	margin: 0;
}

#contents .entryInput p.errorMess {
	margin-bottom: 10px;
	text-align: center;
}

#contents .entryInput p.attention {
	text-align: center;
}

#contents .entryInput span.necessary {
	position: relative;
	top: -2px;
}

	/* 13-1.Table01
	---------------------------------------- */
	#contents .entryInput table.table01 {
		margin: 10px 0 0;
		width: 100%;
		table-layout: auto;
	}
	
	#contents .entryInput table.table01 tr th {
		width: 130px;
		text-align: right;
		white-space: nowrap;
	}
	
	#contents .entryInput table.table01 tr td {
	}
	
		/* 13-1-1.input
		---------------------------------------- */
		#contents .entryInput table.table01 tr.mailaddress td input {width: 215px;}
		#contents .entryInput table.table01 tr.password    td input {width: 215px;}
		#contents .entryInput table.table01 tr.address    td input {width: 374px;}

		
		#contents .entryInput table.table01 tr.gender   td label {margin: 0 60px 0 0;}
		#contents .entryInput table.table01 tr.birthday td label {margin: 0 20px 0 0;}

	
	/* 13-2.Mail Magazine Request
	---------------------------------------- */
	#contents .entryInput .mailMagaRequest {
		margin: 15px 0 25px;
		padding: 10px;
		border: 1px solid #DBDBDB;
	}
	
	#contents .entryInput .mailMagaRequest p {
		text-align: center;
	}
	
	#contents .entryInput .mailMagaRequest p.input {
		margin: 15px 0 10px;
	}
	
	#contents .entryInput .mailMagaRequest p.input label {
		margin: 0 10px;
	}
	
	#contents .entryInput .mailMagaRequest p.confirm {
		margin: 0;
		text-align: left;
	}
	
	#contents .entryInput .mailMagaRequest p.confirm dfn {
		margin: 0 35px 0 0;
	}
	
	/* 13-3.Submit Button
	---------------------------------------- */
	#contents .entryInput p.submitButton {
		margin: 25px 0 0;
	}
	
	#contents .entryInput p.submitButton label {
		margin: 0 23px;
	}


/* 14.Member Entry
========================================== */
#contents .memberEntry {
	margin: 30px 0 25px;
	padding: 19px 10px 14px;
	border: 1px solid #D2D2D2;
	background-color: #FFF2CF;
	text-align: center;
}

#contents .memberEntry h3 {
	display: inline;
	margin: 0 35px 0 0;
	padding: 0 0 0 14px;
	background: url(../../images/common/ico_arrow01_orange01.gif) no-repeat 0 49%;
}

#contents .memberEntry p.entryButton {
	display: inline;
}

#contents .memberEntry p.entryButton a {
}

#contents .memberEntry p.entryButton a img {
	position: relative;
	margin-top: -4px;
	vertical-align: middle;
}


/* 15.User Account
========================================== */
#contents .userAccount {
	margin: 20px 0 10px;
	padding: 10px;
	border: 1px solid #D1D1D1;
	background-color: #FFFFFF;
}

#contents .userAccount h3 {
	margin: 0 0 20px;
	padding: 1px 10px 0;
	background: #9B2513 url(../../images/base/useraccount_h2_bg_02.png) repeat-x;
	color: #FFFFFF;
	font-size: 92.4%;
	line-height: 1.5;
}

#contents .userAccount h3 span {
	padding: 0 0 0 11px;
	background: url(../../images/base/useraccount_h2_ico_02.gif) no-repeat 0 49%;
}

#contents .userAccount p.message {
	margin: 20px 5px 15px;
	text-align: center;
}

#contents .userAccount ul.list01 {
	margin: 0 30px;
}

#contents .loginUser ul.list01 {margin-bottom: 15px;}

#contents .userAccount ul.list01 li {
	margin: 0; /* Reset */
}

#contents .userAccount ul.list01 li a {
	background-position: 0 0.417em;
}

	/* 15-1.Login Table
	---------------------------------------- */
	#contents .userAccount .loginTable {
		position: relative;
		margin: 0 50px 15px;
		zoom: 1;
	}

		/* 15-1-1.User Login
		---------------------------------------- */
		#contents .userAccount .loginTable table.userLogin {
			width: 456px;
			table-layout: fixed;
		}
		
		#contents .userAccount .loginTable table.userLogin tr th,
		#contents .userAccount .loginTable table.userLogin tr td {
			padding: 1px 25px 0 0;
			font-size: 92.4%;
			line-height: 1.335;
		}
		
		#contents .userAccount .loginTable table.userLogin tr td label.textbox input {
			width: 100%;
			height: 20px;
		}
		
		/* 15-1-2.Submit Button
		---------------------------------------- */
		#contents .userAccount .loginTable p.submitButton {
			position: absolute;
			bottom: -2px !important;
			bottom: -3px;
			right: 0;
			width: 64px;
		}
	
	/* 15-2.List01
	---------------------------------------- */
	#contents .userAccount ul.list01 {
		margin: 0 50px 10px;
	}


/* 16.Box
========================================== */
	/* 16-1.Lead Box01
	---------------------------------------- */
	#contents .leadBox01 {
		margin: 0 0 25px;
		border: 1px solid #909090;
	}
	
	#contents .leadBox01 .title {
		margin: 0 0 6px;
		padding: 5px 15px 4px;
		background-color: #C9C9C9;
		font-size: 92.4%;
		line-height: 1.5;
	}
	
	#contents .leadBox01 p {
		margin: 0 15px 6px;
	}
	
	/* 16-2.Lead Box02
	---------------------------------------- */
	#contents .leadBox02 {
		margin: 0 0 25px;
		padding: 8px 12px;
		border: 1px solid #CDCDCD;
	}
	
	#contents .leadBox02 h3 {
		margin: 0 0 2px;
		color: #004899;
		font-size: 92.4%;
		line-height: 1.5;
	}
	
	/* 16-3.Lead Box03
	---------------------------------------- */
	#contents .leadBox03 {
		margin: 0 15px 20px 0;
	}
	
	#contents .leadBox03 h3 {
		margin: 0 0 40px;
		border-bottom: 1px solid #898788;
		font-size: 115.4%;
		line-height: 1.4;
	}
	
	#contents .leadBox03 p {
		margin: 0 20px 0 40px;
	}
	
	/* 16-4.Information Box01
	---------------------------------------- */
	#contents .infoBox01 {
		margin: 10px 0 25px;
		background-color: #EFEFEF;
	}
	
	/* 16-5.Lead Box04 [2010.03.19]
	---------------------------------------- */
	#contents .leadBox04 {
		margin: 0 0 25px;
		padding: 8px 12px 0;
		border: 1px solid #E60012;
	}
	
	#contents .leadBox04 p {
		margin: 0 0 7px;
		color: #E60012;
	}
	
	/* 16-6.Balloon Box01 [2010.03.19]
	---------------------------------------- */
	#contents .balloonBox01 {
		margin: 0 0 5px 3px;
		width: 634px;
		background: url(../../images/offer/balloonbox01_bgmid.gif) repeat-y;
	}
	
	#contents .balloonBox01 p {
		margin: 0; /* Reset */
		padding: 0 0 13px;
		background: url(../../images/offer/balloonbox01_bgbtm.png) no-repeat 0 100%;
		color: #ff6600;
		font-size: 107.8%;
		line-height: 1.429;
		font-weight: bold;
	}
	
	#contents .balloonBox01 p span {
		display: block;
		padding: 7px 11px 0;
		background: url(../../images/offer/balloonbox01_bgtop.png) no-repeat;
	}
	
	#contents .balloonBox01 p span a:link { color:#ff6600; }
	#contents .balloonBox01 p span a:visited { color:#ff9966; }
	#contents .balloonBox01 p span a:hover { color:#ff6600; text-decoration:underline; }
	#contents .balloonBox01 p span a:active { color:#ff6600; text-decoration:underline; }
	
	/* 16-7.Lead Box05 [2010.03.19]
	---------------------------------------- */
	#contents .leadBox05 {
		margin: 15px 0 20px;
		padding: 15px 20px 10px;
		border: 1px solid #A0A0A0;
	}
	
	#contents .leadBox05 .title {
		margin: 0 0 15px;
		font-size: 92.4%;
		line-height: 1.5;
		font-weight: normal; /* Reset */
	}
	
	#contents .leadBox05 p {
		margin: 0 0 5px;
	}
	
	#contents .leadBox05 p.lead {
		margin: 0 0 15px;
	}


/* 17 Press Release List
========================================== */
#contents .pressReleaseList {
	margin:10px;
}

#contents .pressReleaseList dt {
	font-size:107%;
	margin-top:10px;
}

#contents .pressReleaseList dt a{
	color: #00479d;
}

#contents .pressReleaseList dd {

}

#contents .pressReleaseList dd.date {
	display:block;
	padding-top:2px;
	padding-right:10px;
	text-align:right;
}


/* 18.Year List
========================================== */
#contents .yearList{
	display:block;
	margin:0 0 30px 0;
}
#contents .yearList:after {
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#contents .yearList li {
	float:left;
	padding-left:5px;
	padding-right:5px;
	border-right:dashed 1px #303030;
}

#contents .yearList li.first {
	border-left:dashed 1px #303030;
}

#contents .yearList li a {
	font-size:116%;
	padding:5px 5px 5px 5px;
	zoom:1;
	display:block;
	text-align:center;
	width:100px;
	margin:1px;
}

#contents .yearList li a:hover {
	background-color:#F1F1F1;
}

#contents .yearList li.active a {
	border:solid 1px #C3C3C3;
	margin:0;
	background-color:#F1F1F1;
}	
	
	/* 18-1.btn type 01
	---------------------------------------- */
	#contents .btn_type01 {
		zoom: 1;
		display: block;
		border-bottom: 1px solid #d3d3d3;
		border-top: 1px solid #d3d3d3;
		padding-left: 120px;
		padding-top: 20px;
	}
	#contents .btn_type01:after {
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}

	#contents .btn_type01 li {
		float: left;
		padding-left: 60px;
		padding-bottom: 20px;
	}
	
	#contents .btn_type01 li a{
		background: #F6F6F6 url(../../images/parts/btn_bg_type01.gif) repeat-x 0 center;
		font-size: 100%;
		line-height: 200%;
		border: solid 1px #C3C3C3;
		padding: 10px 20px 10px 20px;
		zoom: 1;
	}
	

/* 19.Info List
========================================== */
#contents ul.infoList {
	margin: 0 20px 15px;
}

#contents ul.infoList li {
	margin: 0 0 5px;
	padding: 0 0 0 15px;
	background: url(../../images/common/ico_arrow01_orange01.gif) no-repeat 0 0.33em;
}

#contents ul.infoList li p {
	margin: 0 0 0 20px;
}

#contents ul.infoList li span.new {
	color: #CC0033;
}

#contents ul.infoList li span a {
	color: #00479D;
}


/* 20.Page Top
========================================== */
#contents p.pageTop {
	clear: both;
	text-align: right;
}

#contents p.pageTop a {
	padding: 0 0 0 15px;
	background: url(../../images/common/ico_arrow03_black_01.gif) no-repeat 0 0.25em;
}


/* 21.Web Creators Twitter [2010.03.16]
=========================================== */
#contents .webCreTwitter {
	margin: 0 0 20px;
	padding: 0 13px 10px;
	background: #D8F1FF;
	zoom: 1;
}
#contents .webCreTwitter:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#contents .webCreTwitter .title {
	position: relative;
	margin: 0 -13px;
	padding: 3px 350px 0 8px;
	width: 282px;
	height: auto; /* for Modern Browser */
	min-height: 32px; /* for Modern Browser */
	background: url(../../images/parts/webcretwit_bg_top_02.png) no-repeat;
}
/* IE6 Only */
* html #contents .webCreTwitter .title {height: 32px;}

#contents .webCreTwitter p {
	margin: 0;
	color: #252525;
	font-size: 84.7%;
	line-height: 1.455;
}

#contents .webCreTwitter p dfn {
	display: block;
	margin: 0 0 2px;
	color: #3399CC;
	font-weight: bold;
}

#contents .webCreTwitter p em {
	color: #0075A9;
	font-style: normal;
}

	/* 21-1.Twit
	---------------------------------------- */
	#contents .webCreTwitter .twit {
		float: left;
		width: 265px;
	}
	
	#contents .webCreTwitter .twit p.time {
		color: #828282;
		text-align: right;
	}
	
	/* 21-2.Follower
	---------------------------------------- */
	#contents .webCreTwitter .follower {
		float: right;
		position: relative;
		margin: -34px 0 0;
		width: 328px;
	}
	
		/* 21-2-1.Follow Title
		---------------------------------------- */
		#contents .webCreTwitter .follower .followTitle {
			position: relative;
			margin: 0;
			padding: 3px 80px 3px 0;
			height: auto; /* for Modern Browser */
			background: url(../../images/parts/follower_bg_top_01.gif) no-repeat 0 100%;
			min-height: 22px; /* for Modern Browser */
			font-size: 77%;
			line-height: 1.401;
			font-weight: normal;
		}
		/* IE6 Only */
		* html #contents .webCreTwitter .follower .followTitle {height: 22px;}
		
		#contents .webCreTwitter .follower .followTitle span {
			position: absolute;
			top: 0;
			left: 249px;
			width: 73px;
		}
		
		/*  21-2-2.Follow Twit
		---------------------------------------- */
		#contents .webCreTwitter .follower .followTwit {
			position: relative;
			padding: 0 25px 6px;
			zoom: 1;
			background: #FFFFFF url(../../images/parts/follower_bg_btm_01.gif) no-repeat 0 100%;
		}
		#contents .webCreTwitter .follower .followTwit:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0px; visibility: hidden;
		}
		
		#contents .webCreTwitter .follower .followTwit p.folloerImage {
			float: left;
			margin: 6px 10px 2px 0;
			width: 33px;
		}
		
			/*  21-2-2-1.Follow Flip
			---------------------------------------- */
			#contents .webCreTwitter .follower .followTwit ul.followFlip {
			}
			
			#contents .webCreTwitter .follower .followTwit ul.followFlip li {
				position: absolute;
				top: 50%;
				margin-top: -10px;
				width: 20px;
				height: 20px;
			}
			
			#contents .webCreTwitter .follower .followTwit ul.followFlip li.prev {left:   4px;}
			#contents .webCreTwitter .follower .followTwit ul.followFlip li.next {left: 304px;}
			
			#contents .webCreTwitter .follower .followTwit ul.followFlip li img {
				vertical-align: top;
			}


/* 22.Pickup Section [2010.03.16]
=========================================== */
#contents .pickupSection {
	margin: 0 0 30px;
}

#contents .pickupUnit {
	margin: 0 0 15px;
	background: url(../../images/parts/articlepickup_bg_01.png) repeat-y;
	zoom: 1;
}

#contents .pickupUnit .bgBtm {
	clear: both;
	height: 6px;
	background: url(../../images/parts/articlepickup_bg_btm_01.gif) no-repeat;
	overflow: hidden;
	zoom: 1;
}

	/* 22-1.Image
	---------------------------------------- */
	#contents .pickupUnit .image {
		float: left;
		position: relative;
		margin: 0 -470px 4px 0;
		padding: 10px 470px 0 30px;
		width: 140px;
		background: url(../../images/parts/articlepickup_bg_top_01.gif) no-repeat;
	}
	
	/* 22-2.Summary
	---------------------------------------- */
	#contents .pickupUnit .summary {
		float: right;
		padding: 10px 20px 4px 0;
		width: 430px;
	}
	
	#contents .pickupUnit .summary p {
		color: #FFFFFF;
	}
	
		/* 22-2-1.Title
		---------------------------------------- */
		#contents .pickupUnit .summary .title {
			color: #FFFFFF;
			font-size: 138.5%;
			line-height: 1.224;
		}
		
		#contents .pickupUnit .summary .title span {
			display: block;
			color: #FFF799;
			font-size: 66.667%;
			line-height: 1.5;
		}
		
		/* 22-2-2.Relative Link
		---------------------------------------- */
		#contents .pickupUnit p.relativeLink {
			position: relative;
			margin: -1.167em 0 0 160px;
		}
		
		#contents .pickupUnit p.relativeLink a {
			background-image: url(../../images/common/ico_arrow01_yellow01.gif);
			color: #FFFFFF;
		}

/* 23.social link section [2010.11.18]
=========================================== */

#contents .social-section {
	margin: 0 0 30px;
}

#contents .social-section ul.social-links {
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	background-color: #dcdcdc;
	height: 27px;
}
	#contents .social-section ul.social-links:after {
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}

	#contents .social-section ul.social-links li {
		float: left;
		margin-left: 20px;
	}

	#contents .social-section ul.social-links li.tweet {
		padding-top: 4px;
		margin-right:0;
		width:90px;
		overflow:hidden;
	}
	#contents .social-section ul.social-links li.pocket {
		width:90px;
		overflow:hidden;
		padding-top: 4px;
		margin-right:0;
	}
	#contents .social-section ul.social-links li.evernote {
		padding-top: 5px;
	}
	#contents .social-section ul.social-links li.facebook {
		padding-top: 3px;
	}
        #contents .social-section ul.social-links li.hatena {
                padding-top: 3px;
                margin-left:0px;
        }
        #contents .social-section ul.social-links li.google_plus_one {
        	padding-top: 3px;
        }


/*  google Adsense  */
.mdn_AdSense {
	margin:0px auto;
	padding-bottom:10px;
	width:640px;
/*	border:1px solid #696969; */
	background-color:#EFEFEF;
}

.selectListWrapper {
	background-color:#EFEFEF;
	margin-bottom:20px;
}

.newsWrapper {
	margin-bottom:20px;
}

.books_Adsense {
	width:638px;
/* border:1px solid #696969; */
}

body#MdNMagazinIndex #contents .title01 {
  margin: 0 0 0px;
}


.buyLink li.buy_others {
}

.buyLink li.buy_others a {
	background: url(../../images/MdN/purchase_others_btn.png) no-repeat;
	line-height:32px;
	padding-left:32px;
	width:168px;
	min-height:32px;
	display:block;
	color:#fff;
}
.buyLink li.buy_others a:hover {
	text-decoration:none;
}

#userAssist .assistTools ul.addTools li.mixi {
	position:relative;
	top:7px;
}

#userAssist .assistTools ul.addTools li.pocket {
	position:relative;
	top:9px;
	width:90px;
	overflow:hidden;
}

#userAssist .assistTools ul.addTools li.pocket .pocket-btn {
	overflow:hidden;
	display:inline;
}

#userAssist .assistTools ul.addTools li.pocket .pocket-btn iframe {
	width:90px;
}


//@import "http://www.mdn.co.jp/di/css/parts/form.css";


/* =======================================

	Form CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.Input
		1-1.Textbox
		1-2.Radio
		1-3.Submit
	
	2.Select
	
	3.Textarea

========================================== */

/* 1.Input
========================================== */
#contents input {
	position: relative;
	height: 1.335em;
	font-size: 100%;
	line-height: 1.335;
	vertical-align: middle;
}

	/* 1-1.Textbox
	---------------------------------------- */
	#contents label.textbox input {
		margin: -2px 0;
		padding-top: 2px;
		border: 1px solid #BBBBBB;
	}
	/* IE6 Only */
	* html               #contents label.textbox input {margin: -3px 0;}
	/* IE7 Only */
	*:first-child + html #contents label.textbox input {margin: -3px 0;}
	
	input.input_error {background-color: #FFCFCF !important;}
	
	/* [2010.03.19] */
	input.inputError02 {border-color: #FF2528 !important;}
	
	/* 1-2.Checkbox
	---------------------------------------- */
	#contents label.checkbox {
		margin: ;
	}
	
	#contents label.checkbox input {
		margin: ;
		width: em;
		height: em;
	}
	/* IE6 Only */
	* html               #contents label.checkbox input {}
	/* IE7 Only */
	*:first-child + html #contents label.checkbox input {}
	/* Safari Only \*/
	html:\66irst-child   #contents label.checkbox input {}/**/
	
	/* 1-3.Radio
	---------------------------------------- */
	#contents label.radio {
	}
	
	#contents label.radio input {
		margin: -2px 5px 0 0;
		width: 16px;
		height: 16px;
	}
	/* IE6 Only */
	* html               #contents label.radio input {margin-top: 0;}
	/* IE7 Only */
	*:first-child + html #contents label.radio input {margin-top: 0;}
	/* Safari Only \*/
	html:\66irst-child   #contents label.radio input {margin-top: -4px;}
	
	/* 1-4.Submit
	---------------------------------------- */
	#contents label.submit input {
		height: auto; /* Reset */
	}
	
		/* Submit Button
		---------------------------------------- */
		#contents p.submitButton {
			text-align: center;
		}
		
	/* 1-5.File [2010.03.19]
	---------------------------------------- */
	#contents label.file input {
		height: auto; /* Reset */
		font-size: 100%;
		line-height: 1.335;
	}
	/* IE6 Only */
	* html               #contents label.file input {padding: 4px 1px 3px;}
	/* IE7 Only */
	*:first-child + html #contents label.file input {padding: 2px 1px 4px;}


/* 2.Select
========================================== */
#contents select {
	position: relative;
	top: -2px;
	margin: 0 5px -2px 0;
	border: 1px solid #7F9DB9;
	font-size: 100%; /* Reset */
	line-height: 1.335;
	vertical-align: middle;
}

#contents select.input_error {background-color: #FFCFCF !important;}

/* [2010.03.19] */
#contents select.inputError02 {border: 1px solid #FF2528 !important;}


/* 3.Textarea
========================================== */
#contents textarea {
	position: relative;
	width: 100%;
	line-height: ;
	vertical-align: middle;
}

#contents textarea.input_error {background-color: #FFCFCF !important;}

/* [2010.03.19] */
#contents textarea.inputError02 {border: 1px solid #FF2528 !important;}



/* Individual
========================================== */
/*@import "http://www.mdn.co.jp/di/css/individual/others.css";*/


/* =======================================

	Others CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 
  MdN, WebCreators
 -----------------------------------------
	


	MdN Magazine
 -----------------------------------------
	1.Section
	2.Books Introduce
	3.Book Preview
 
 
  Material
 -----------------------------------------
	1.Books Others List
 
 
  Career
 -----------------------------------------
	1.Design Road
	
	2.Career Information
		2-1.Title01
		2-2.Info Section
 
 
  Announces
 -----------------------------------------
	1.Announce Section

========================================== */

/* MdN, WebCreators
****************************************************************************************/
/* MdN Index
========================================== */
body#MdNIndex #contents #contentsHeader {
	margin: 0 0 45px;
}


/* Column2 Section
========================================== */
#contents .column2Section {
	margin: 0 0 30px;
	zoom: 1;
}

#contents .column2Section:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#contents .column2Section p {
	margin: 0 0 12px;
}

	/* Unit
	---------------------------------------- */
	#contents .column2Section .unit {
		margin: 25px 0;
	}
	
	#contents .column2Section .unit h3 {
		margin: 0 0 4px;
		font-size: 92.4%;
		line-height: 1.5;
	}
		
	/* Link
	---------------------------------------- */
		/* Buy Link
		---------------------------------------- */
		#contents .column2Section ul.buyLink {
			margin: 0 0 15px;
		}
		
		#contents .column2Section ul.buyLink li {
			margin: 0 0 5px;
		}
		
		/* Banner List
		---------------------------------------- */
		#contents .column2Section ul.bannerList {
			margin: 0 0 15px;
		}
		
		#contents .column2Section ul.bannerList li {
			margin: 0 0 5px;
		}

	/* MdN Info
	---------------------------------------- */
	#contents .column2Section .MdNInfo {
		float: left;
		width: 170px;
	}
	
		/* MdN Image
		---------------------------------------- */
		#contents .column2Section p.MdNImage {
			line-height: 1.666;
		}
		
		#contents .column2Section p.MdNImage img {
			margin: 0 0 5px;
		}
		
		/* List01
		---------------------------------------- */
		#contents .column2Section .MdNInfo ul.list01 {
			margin: 0 0 12px;
		}
		
		#contents .column2Section .MdNInfo ul.list01 li {
			margin: 0 0 4px;
			padding: 0 0 0 14px;
			background: url(../../images/common/ico_arrow01_orange01.gif) no-repeat 0 0.334em;
		}
		
		#contents .column2Section .MdNInfo ul.list01 li a {
			display: inline; /* Reset */
			padding: 0; /* Reset */
			background: none; /* Reset */
		}
	
	/* MdN Contents
	---------------------------------------- */
	#contents .column2Section .MdNContents {
		float: right;
		width: 445px;
	}
	
	#contents .column2Section .MdNContents h3 {
		margin: 0 0 23px;
		font-size: 166.0%;
		line-height: 1.1;
	}
	
	/*** for FireFox Css Hack ***/
	#contents .column2Section .MdNContents h3, x:-moz-read-only {
		margin: 10px 0 23px;
	}
	
	#contents .column2Section .MdNContents h3, x:-moz-broken {
		margin: 10px 0 23px;
	}
	
	#contents .column2Section .MdNContents h3 ,x:x {
		margin: 0 0 23px;
	}
	
	/*** End for FireFox Css Hack ***/
	
	#contents .column2Section .MdNContents h3 span.lead {
		display: block;
		margin: 0 0 3px;
		font-size: 66.78%;
		line-height: 1.0;
	}
	
	#contents .column2Section .MdNContents p.explanation {
		font-size: 107.8%;
		line-height: 1.229;
		margin-bottom:5px;
	}

	#contents .column2Section .MdNContents p {
		font-size: 107.8%;
		line-height: 1.429;
	}
	
	#contents .column2Section .MdNContents p.bookInfo {
		font-size: 92.4%;
		line-height: 1.5;
	}
	
	#contents .column2Section .MdNContents li {
		font-size: 107.8%;
		line-height: 1.429;
	}
	
		/* Category
		---------------------------------------- */
		#contents .column2Section .MdNContents p.category {
			margin: 0 0 2px;
			font-size: 92.4%;
			line-height: 1.5;
		}
		
		#contents .column2Section .MdNContents p.category span.icon {
			margin: 0 0 0 6px;
		}
		
		#contents .column2Section .MdNContents p.category span.icon img {
			position: relative;
			top: -2px;
		}
		
		/* Buy Link
		---------------------------------------- */
		#contents .column2Section .MdNContents ul.buyLink {
			margin: 0; /* Reset */
			text-align: center;
		}
		
		#contents .column2Section .MdNContents ul.buyLink li {
			display: inline;
			margin: 0 3px;
		}
		
		/* Article Intro
		---------------------------------------- */
		#contents .column2Section .MdNContents .articleIntro {
			margin: 20px 0 12px;
		}
		
		#contents .column2Section .MdNContents .articleIntro h4 {
			margin: 0 0 2px;
			font-size: 107.8%;
			line-height: 1.429;
		}
		
		#contents .column2Section .MdNContents .articleIntro p,
		#contents .column2Section .MdNContents .articleIntro li {
			margin: 0 0 2px;
		}
		
		/* Article Check
		---------------------------------------- */
		#contents .column2Section .MdNContents .articleCheck {
			position: relative;
			margin: 0 0 25px;
			padding: 12px;
			background-color: #F1F1F1;
			zoom: 1;
		}
		
		#contents .column2Section .MdNContents .articleCheck:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0px; visibility: hidden;
		}
		
		#contents .column2Section .MdNContents .articleCheck p.image {
			float: left;
			margin: 0;
			width: 140px;
		}
		
		#contents .column2Section .MdNContents .articleCheck .text {
			float: right;
			margin: 0 0 2em;
			width: 260px;
		}
		
		#contents .column2Section .MdNContents .articleCheck .text p {
			margin: 0; /* Reset */
		}
		
		#contents .column2Section .MdNContents .articleCheck .text p.relativeLink {
			position: absolute;
			bottom: 12px;
			width: 260px;
			font-size: 92.4%;
			line-height: 1.5;
		}
		
		#contents .column2Section .MdNContents .articleCheck .text p a {
			padding-bottom: 1px; /* for Underline */
			color: #303030;
		}
		
		/* Article List
		---------------------------------------- */
		#contents .column2Section .MdNContents .articleList {
			margin: 30px 0;
			padding: 10px 13px 5px;
			background-color: #EFEFEF;
		}
		
		#contents .column2Section .MdNContents .articleList h3 {
			margin: 0 0 2px;
			color: #004899;
			font-size: 92.4%;
			line-height: 1.5;
		}
		
			/* Listup
			---------------------------------------- */
			#contents .column2Section .MdNContents .articleList ul.listup {
			}
			
			#contents .column2Section .MdNContents .articleList ul.listup li {
				position: relative;
				padding: 10px 0 0;
				border-top: 1px solid #C3C3C3;
				zoom: 1;
			}
			
			#contents .column2Section .MdNContents .articleList ul.listup li.first {
				padding: 0; /* Reset */
				border: none; /* Reset */
			}
			
			#contents .column2Section .MdNContents .articleList ul.listup li h4 {
				margin: 0;
				padding: 0 0 6px;
				font-size: 100%;
			}
			
			#contents .column2Section .MdNContents .articleList ul.listup li p {
				margin: 0 0 8px;
			}
			
			#contents .column2Section .MdNContents .articleList ul.listup li p.relativeLink {
				margin: 0 0 8px;
				font-size: 85.74%;
				line-height: 1.5;
			}
			
			
			#contents .column2Section .MdNContents .articleList ul.listup li:after { /* for Modern Browser */
				content: "."; display: block; clear: both; height: 0px; visibility: hidden;
			}
			
			#contents .column2Section .MdNContents .articleList ul.listup li p.image {
				float: left;
				margin: 0;
				width: 140px;
			}
			
				/* Text
				---------------------------------------- */
				#contents .column2Section .MdNContents .articleList ul.listup li .text {
					float: right;
					margin: 0 0 1.8em;
					width: 260px;
					height: auto; /* for Modern Browser */
					min-height: 72px; /* for Modern Browser */
				}
				/* IE6 Only */
				* html #contents .column2Section .MdNContents .articleList ul.listup li .text {height: 72px;}
				
				#contents .column2Section .MdNContents .articleList ul.listup li .text p {
					margin: 0 0 5px;
				}
			
				#contents .column2Section .MdNContents .articleList ul.listup li .text p.relativeLink {
					position: absolute;
					bottom: 10px;
					margin: 0; /* Reset */
					width: 260px;
				}
				
				#contents .column2Section .MdNContents .articleList ul.listup li .text p a {
					padding-bottom: 1px; /* for Underline */
					color: #303030;
				}
		
		/* Review Requirement
		---------------------------------------- */
		#contents .column2Section .MdNContents .reviewRequirement {
			margin: 20px 0 25px;
			zoom: 1;
		}
		
		#contents .column2Section .MdNContents .reviewRequirement:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0px; visibility: hidden;
		}
		
		#contents .column2Section .MdNContents .reviewRequirement p.requireButton {
			float: left;
			margin: 0; /* Reset */
			width: 93px;
		}
		
		#contents .column2Section .MdNContents .reviewRequirement p.text {
			/*float: right;*/
			margin: 0; /* Reset */
			/*width: 345px;*/
			font-size: 92.4%;
			line-height: 1.5;
		}
		
		/* Event Banner
		---------------------------------------- */
		#contents .column2Section .MdNContents .eventBanner {
			position: relative;
			margin: 0 0 12px -13px;
			zoom: 1;
		}
		
		#contents .column2Section .MdNContents .eventBanner:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0px; visibility: hidden;
		}
		
		#contents .column2Section .MdNContents .eventBanner p.banner {
			float: left;
			display: inline; /* for IE */
			margin: 0 0 0 13px;
			width: 216px;
		}
		
		/* Lead Box01
		---------------------------------------- */
		#contents .column2Section .MdNContents .leadBox01 {
		}
		
		#contents .column2Section .MdNContents .leadBox01 .title {
			margin: 0 0 6px;
			font-size: 92.4%;
			line-height: 1.5;
		}
		
		#contents .column2Section .MdNContents .leadBox01 p {
			margin: 0 15px 6px;
		}
		
		/* Lead Box02
		---------------------------------------- */
		#contents .column2Section .MdNContents .leadBox02 {
		}
		
		#contents .column2Section .MdNContents .leadBox02 .title {
			margin: 0 0 6px;
			font-size: 92.4%;
			line-height: 1.5;
		}


/* Backnum Section
========================================== */
#contents .backnumSection {
	margin: 0 0 25px;
}

#contents .backnumSection h3 {
	margin: 0 0 5px 3px;
}

	/* Backnumber Info
	---------------------------------------- */
	#contents .backnumSection table.backnumInfo {
		width: 100%;
		table-layout: fixed;
	}
	
	#contents .backnumSection table.backnumInfo tr td {
		padding: 7px;
		border: 1px solid #BFBFBF;
		zoom: 1;
	}
	
		/* Image
		---------------------------------------- */
		#contents .backnumSection table.backnumInfo tr td p.image {
			float: left;
			margin: 0; /* Reset */
			width: 100px;
			text-align: center;
		}
		
		/* Text
		---------------------------------------- */
		#contents .backnumSection table.backnumInfo tr td .text {
			float: right;
			width: 185px;
		}
		
		#contents .backnumSection table.backnumInfo tr td .text h4 {
			margin: 0 0 5px;
			font-size: 116.67%;
			line-height: 1.143;
		}
		
		#contents .backnumSection table.backnumInfo tr td .text h4 a {
			color: #303030;
		}
		
		#contents .backnumSection table.backnumInfo tr td .text h4 span.date {
			font-size: 100%;
			line-height: 1.335;
			font-weight: normal
		}
		
		#contents .backnumSection table.backnumInfo tr td .text p {
			margin: 0; /* Reset */
			font-size: 116.67%;
			line-height: 1.143;
		}


/* Monthly Latest
========================================== */
#contents .monthlyLatest {
	margin: 0 0 25px;
	padding: 10px 15px 12px;
	background-color: #D3EAF8;
}

#contents .monthlyLatest h3 {
	padding: 0 0 0 24px;
	margin: 0 0 10px;
	background: url(../../images/MdN/monthlylatest_ico_01.gif) no-repeat 4px 0.25em;
	font-size: 92.4%;
	line-height: 1.666;
}

#contents .monthlyLatest h3 strong {
	font-size: 116.67%;
	line-height: 1.429;
}

	/* Book Info
	---------------------------------------- */
	#contents .monthlyLatest ul.bookInfo {
		position: relative;
		margin: 0 0 0 -20px;
		width: 628px;
		zoom: 1;
	}
	
	#contents .monthlyLatest ul.bookInfo:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
	#contents .monthlyLatest ul.bookInfo li {
		float: left;
		display: inline; /* for IE */
		position: relative;
		margin: 0 0 0 20px;
		padding: 7px 10px;
		width: 272px;
		border: 1px solid #BFBFBF;
		background-color: #FFFFFF;
		zoom: 1;
	}
	
	#contents .monthlyLatest ul.bookInfo li:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
		/* Image
		---------------------------------------- */
		#contents .monthlyLatest ul.bookInfo li p.image {
			float: left;
			margin: 0; /* Reset */
			width: 104px;
			text-align: center;
		}
		
		/* Text
		---------------------------------------- */
		#contents .monthlyLatest ul.bookInfo li .text {
			float: right;
			width: 160px;
			padding: 0 0 15px;
		}
		
		#contents .monthlyLatest ul.bookInfo li .text h4 {
			font-size: 116.67%;
			line-height: 1.286;
		}
		
		#contents .monthlyLatest ul.bookInfo li .text h4 a {
			color: #303030;
		}
		
		#contents .monthlyLatest ul.bookInfo li .text p {
			margin: 5px 0 0;
			font-size: 116.67%;
			line-height: 1.286;
		}
		
			/* Buy Link
			---------------------------------------- */
			#contents .monthlyLatest ul.bookInfo li ul.buyLink {
				position: absolute;
				bottom: 30px;
				width: 160px;
			}
			
			#contents .monthlyLatest ul.bookInfo li ul.buyLink li {
				float: none; /* Reset */
				position: absolute;
				top: 0;
				left: 0;
				padding: 0; /* Reset */
				margin: 0;
				width: 77px;
				border: none; /* Reset */
				zoom: normal;
			}
			
			#contents .monthlyLatest ul.bookInfo li ul.buyLink li.amazon {left: 83px;}


/* MdN Magazine
****************************************************************************************/
/* 1.Section
========================================== */
body.MdNMagazine #contents .section {
	margin-top: 10px;
}


/* 2.Books Introduce
========================================== */
#contents .booksIntroduce {
	margin: 20px 0 12px;
	width: 630px;
	border-top: 1px solid #BFBFBF;
	background: url(../../images/parts/booksintroduce_bg_01.gif) repeat-y;
}

#contents .booksIntroduce ul {
	background: url(../../images/common/line_solid02_gray01.gif) repeat-x 0 100%;
	zoom: 1;
}

#contents .booksIntroduce ul:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#contents .booksIntroduce ul li {
	float: left;
	position: relative;
	width: 210px;
	border-bottom: 1px solid #BFBFBF;
	text-align: center;
}

#contents .booksIntroduce ul li p.image {
	margin: 7px 5px 9px;
}

#contents .booksIntroduce ul li p.image span.book {
	display: block;
	height: 109px;
}

#contents .booksIntroduce ul.bookStatus li p.image {
	margin-bottom: 30px;
}

#contents .booksIntroduce ul li.bookStatus p.image {
	margin-bottom: 30px;
}

#contents .booksIntroduce ul li p.image span.caption {
	display: block;
	margin: 10px 0 0;
}

#contents .booksIntroduce ul li p.image span.caption a {
	padding-bottom: 1px; /* for Underline */
	color: #303030;
}

#contents .booksIntroduce ul li p.statusIcon {
	position: absolute;
	bottom: 9px;
	left: 0;
	margin: 0; /* Reset */
	width: 210px;
}

#contents .booksIntroduce ul li p.statusIcon img {
	margin: 0 3px;
}


/* 3.Book Preview
========================================== */
#contents .bookPreview {
	margin: 0 0 30px;
	background-color: #F1F1F1;
	zoom: 1;
}

#contents .bookPreview .previewSection {
	margin: 12px 20px 0;
	padding: 0 0 2px;
	display: none;
}

#contents .bookPreview .previewSection#sample_preview_section {
	display: block;
}

#contents .bookPreview .previewSection .unit {
	margin: 13px 0;
	padding: 0 0 12px;
	background: url(../../images/common/line_solid02_gray01.gif) repeat-x 0 100%;
}

#contents .bookPreview h3 {
	padding: 3px 20px 2px;
	margin: 0 0 2px;
	height: auto; /* for Modern Browser */
	min-height: 18px; /* for Modern Browser */
	background: #A1A1A1 url(../../images/MdNMagazine/bookpreview_bg_01.png) repeat-x;
	font-size: 92.4%;
	line-height: 1.5;
	color: #FFFFFF;
	zoom: 1;
}
/* IE6 Only */
* html #contents .bookPreview h3 {height: 18px;}

#contents .bookPreview h3 a {
	padding: 0 0 0 17px;
	background: url(../../images/MdNMagazine/bookpreview_ico_01.gif) no-repeat 0 0.084em;
	color: #FFFFFF;
}
/* IE6 Only */
* html #contents .bookPreview h3 a {background-position: 0 0; /* Reset */}
/* IE7 Only */
*:first-child + html #contents .bookPreview h3 a {background-position: 0 0; /* Reset */}
/* Safari2,0 Only \*/
html:\66irst-child #contents .bookPreview h3 a {background-position: 0 0; /* Reset */}/**/

#contents .bookPreview h3 span.lead {
	font-weight: normal;
}

#contents .bookPreview p {
	margin: 0 0 13px;
	font-size: 107.8%;
	line-height: 1.429;
}

#contents .bookPreview p.image {
	margin: 20px 0 17px;
}

#contents .bookPreview ul {
	margin: 0 0 15px;
}

#contents .bookPreview .previewSection .unit ul {
	margin: 0; /* Reset */
}

#contents .bookPreview li {
	margin: 0 0 2px;
	font-size: 107.8%;
	line-height: 1.429;
}


/* Book Review
*******************************************/
#contents .bookReview {
	margin: 0 0 30px;
	background-color: #F1F1F1;
	zoom: 1;
}

#contents .bookReview .reviewSection {
	margin: 12px 20px 0;
	padding: 0 0 2px;
}

#contents .bookReview .reviewSection .unit {
	margin: 13px 0;
	padding: 0 0 12px;
	background: url(../../images/common/line_solid02_gray01.gif) repeat-x 0 100%;
}

#contents .bookReview h3 {
	padding: 3px 20px 2px;
	margin: 0 0 2px;
	height: auto; /* for Modern Browser */
	min-height: 18px; /* for Modern Browser */
	background: #8FC121 url(../../images/MdNMagazine/book_review_bg.gif) repeat-x;
	font-size: 92.4%;
	line-height: 1.5;
	color: #FFFFFF;
	zoom: 1;
}
/* IE6 Only */
* html #contents .bookReview h3 {height: 18px;}


#contents .bookReview h3 span {
	padding: 0 0 0 22px;
	background: url(../../images/MdNMagazine/book_review_ico_01.gif) no-repeat 0 0.2em;
	color: #FFFFFF;
}
/* IE6 Only */
* html #contents .bookPreview h3 span {background-position: 0 0; /* Reset */}
/* IE7 Only */
*:first-child + html #contents .bookPreview h3 span {background-position: 0 0; /* Reset */}
/* Safari2,0 Only \*/
html:\66irst-child #contents .bookPreview h3 span {background-position: 0 0; /* Reset */}/**/

#contents .bookReview .refered {

}

#contents .bookReview h4.summary {
	margin-top:5px;
}

#contents .bookReview h4.summary img {
	position:relative;
	top:-0.35em;
	left:-0.3em;
}

#contents .bookReview h4.summary span {
	font-weight:normal;
	padding-left:5px;
}

#contents .bookReview .reviewer {
	margin:5px 0 5px;
}

#contents .bookReview .reviewer a {
	color:#003399;
	text-decoration: underline;
}

#contents .bookReview .reviewer a:hover {
	text-decoration: none;
	color:#cc6600;
}

#contents .bookReview .comment {

}


/* Book List Select
========================================== */
#contents .bookListSelect {
	margin: 0 0 25px;
}


/* Book Listup Table
========================================== */
#contents table.bookListTable {
	margin: 0 0 40px;
	table-layout: fixed; /* for IE */
}

#contents table.bookListTable tr th {
	padding: 2px 10px 1px;
	background: repeat-y;
	color: #FFFFFF;
	text-align: center;
}

#contents table.bookListTable tr th.name {
	width: 290px;
	background-image: url(../../images/MdNMagazine/booklisttable_bg_01.gif);
}

#contents table.bookListTable tr th.code {
	width: 130px;
	background-image: url(../../images/MdNMagazine/booklisttable_bg_02.gif);
}

#contents table.bookListTable tr th.price {
	width: 160px;
	background-image: url(../../images/MdNMagazine/booklisttable_bg_03.gif);
}

#contents table.bookListTable tr td {
	padding: 10px 10px 9px;
	border-bottom: 1px solid #201815;
	background-color: #FFFFFF;
	vertical-align: middle;
}

#contents table.bookListTable tr.odd td {
	background-color: #E1EDD7;
}


/* Years Navigate
========================================== */
#contents p.yearsNavigate {
	margin: 0 5px 40px;
	line-height: 1.834;
	text-indent: -6px;
}

#contents p.yearsNavigate a {
	margin: 0 6px;
}


/* Material
****************************************************************************************/
/* 1.Books Others List
========================================== */
#contents .booksOthersList {
	margin: 20px 0 12px;
	width: 630px;
	border-top: 1px solid #BFBFBF;
	background: url(../../images/parts/booksothers_bg_01.gif) repeat-y 0 0;
}

#contents .booksOthersList ul {
	width: 630px;
	background: url(../../images/parts/booksothers_bg_btm_01.gif) no-repeat 0 100%;
	zoom: 1;
}

#contents .booksOthersList ul:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#contents .booksOthersList ul li {
	float: left;
	display: inline; /* for IE */
	position: relative;
	margin: 0 -2px 0 0;
	padding: 0 0 0 2px;
	width: 157px;
	background: url(../../images/parts/booksothers_bg_btm_02.gif) no-repeat 1px 100%;
	text-align: center;
	zoom: 1;
}

#contents .booksOthersList ul li table.image {
	width: 100%;
}

#contents .booksOthersList ul li.bookStatus table.image {
	margin-bottom: 30px;
}

#contents .booksOthersList ul li table.image tr td {
	font-size: 100%;
	text-align: center;
}

#contents .booksOthersList ul li table.image tr td.book {
	height: 125px;
	vertical-align: middle;
}

#contents .booksOthersList ul li table.image tr td.caption {
	padding: 2px 0 0;
}

#contents .booksOthersList ul li table.image tr td a {
	padding-bottom: 1px; /* for Underline */
	color: #303030;
}

#contents .booksOthersList ul li p.statusIcon {
	position: absolute;
	bottom: 9px;
	left: 0;
	margin: 0; /* Reset */
	width: 156px;
}

#contents .booksOthersList ul li p.statusIcon img {
	margin: 0 3px;
}


/* Career
****************************************************************************************/
/* 1.Design Road
========================================== */
#contents .designersRoad {
	margin: 20px 0 35px;
}

#contents .designersRoad p.designer {
	margin: 0 0 20px;
}

#contents .designersRoad h3.designerImage {
	margin: 0 0 15px;
}


/* 2.Career Information
========================================== */
#contents #careerInfo {
	margin: 0 0 35px;
}

	/* 2-1.Title01
	---------------------------------------- */
	#contents #careerInfo .title01 {
		margin-bottom: 0;
		background-color: #A2A2A2;
	}
		
	#contents #careerInfo .title01 span {
		top: 6px;
		left: 11px;
		zoom: 1;
	}
	/* IE6 Only */
	* html               #contents #careerInfo .title01 span {top: 4px;}
	/* IE7 Only */
	*:first-child + html #contents #careerInfo .title01 span {top: 4px;}
	
	#contents #careerInfo p.update {
		top: -2px;
	}
	
	/* 2-2.Info Section
	---------------------------------------- */
	#contents #careerInfo .infoSection {
		padding: 0 0 15px;
		zoom: 1;
	}
	
	#contents #careerInfo .infoSection:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
	#contents #careerInfo .infoSection .infoUnit {
		float: left;
		display: inline; /* for IE */
		position: relative;
		margin: 10px 0 0 20px;
		width: 290px;
	}
	
	#contents #careerInfo .infoSection .infoUnit p.infoType {
		margin: 0 0 8px;
	}
	
	#contents #careerInfo .infoSection .infoUnit table.table02 {
		margin: 0 0 2em;
	}
	
	#contents #careerInfo .infoSection .infoUnit p.relativeLink {
		position: absolute;
		bottom: 0;
		margin: 0; /* Reset */
		width: 290px;
	}


/* Announce
****************************************************************************************/
/* 1.Announce Section
========================================== */
#contents .announceSection {
	margin: 0 0 40px;
	border-bottom: 1px solid #DBDBDB;
}

#contents .announceSection p {
	margin: 15px 0 25px;
}

#contents .announceSection p.signature {
	margin-top: 35px;
	text-align: right;
}

#contents .announceSection p.announceLink {
	margin: 45px 0;
}

#contents .announceSection p.announceLink a {
	padding: 0 0 1px 14px;
	background: url(../../images/common/ico_arrow01_orange01.gif) no-repeat 0 0.25em;
	color: #303030;
}

#contents .announceSection ul.list01 {
}

#contents .announceSection ul.list01 li {
	margin: 0 0 20px;
}

/* News and Topics
****************************************************************************************/

body.newstopics #contents dl.navigateList {
	margin-left:0;
}

body.newstopics #contents dd.relativeLink {
	padding-top:10px;
	margin-left:520px;
}

body.newstopics #contents dd.relativeLink a {
	padding: 0 0 1px 14px;
	background: url(../../images/common/ico_arrow01_orange01.gif) no-repeat 0 0.25em;
	color: #303030;
	font-weight:normal;
	font-size:86%;
}

body.newstopics #contents .newslist {
	padding-bottom:20px;
}



body.newstopics #contents ul.indexList {
	margin-top:0;
}



body.newstopics #contents ul.indexList li {
	float:none;
	display:block;
	width:640px;
	border-bottom:1px solid #C3C3C3;
}

body.newstopics #contents ul.indexList li .summary {
	width:470px;
}

body.newstopics #contents ul.indexList li .relativeLink {
	right:20px;
}

/* indexList li img no image version START */
body.newstopics #contents ul.indexList li img {
	display:none;
}

body.newstopics #contents ul.indexList li .summary {
	width:100%;
}
/* indexList li img no image version END */

#contents .newSourceSection {
	margin-bottom:50px;
}

#contents .newSourceSection p {
	margin: 15px 0pt 25px 0pt;
}

/* Member
****************************************************************************************/
body.member #contents a.unregist_link {
	color:#8F0222;
}

body.member #contents a.unregist_link:hover {
	color:#D11B45;
}

/* press ReLease
****************************************************************************************/
body.pressRelease #contents #contentsHeader {
	margin-bottom:0;
}

#contents .border_bottom {
 	border-bottom:solid 1px #C3C3C3;
}
 
/* offer recruit agreement box
****************************************************************************************/
body#recruit #contents .recruit_agreement {
	height:400px;
	overflow:scroll;
	background-color:#EEE;
}
/* news2u
***************************************************************************************/

.news2u_ref {
	font-weight:normal;
}

.news2u_info_ref {
	text-align:right;
}

.news2u_date {
	font-weight:normal;
}

.news2u_company {
	display:block;
	font-weight:normal;
	margin-top:10px;
	font-size:82%;
}

#contents h2.news2u_title {
	font-size: 86%;
	font-weight: bold;
	line-height: 1.229;
	margin-bottom:30px;
}

#contents p.new2u_source_unit {
}

.news2u_source {
	font-weight:bold;
}

#plusone {
	padding-left:10px;
}

/* microad */
#contents #contentsHeader {
	margin-bottom:0;
}

.article_microad_unit {
	padding:10px 20px;
	margin-bottom:10px;
}

.news_micro_add_unit {
	zoom:1;
	margin-left:15px;
}

.news_micro_add_unit:after {
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

.news_micro_add_unit .left_unit {
	float:left;
}

.news_micro_add_unit .right_unit {
	margin-left:5px;
	float:left;
}

div.menu_MdNImage {
margin:30px 0 10px;
}

#contents .column2Section p.MdNImage {
	margin-bottom:8px;
}

#contents .column2Section p.MdNImage img {
	border:1px solid #9fa0a0;
}

li.same_book_link {
background: url("../../images/common/ico_arrow01_orange01.gif") no-repeat scroll 0 0.417em transparent;
padding-left:13px;
}

li.same_book_link a {
	color:#303030;
}

body.MdNMagazine .section li .image img,
body.MdNMagazine .section .imageUnit img,
body.MdNMagazine .bookImage img {
	border: 1px solid #9FA0A0;
}

.book_navi_tab_section {
	zoom:1;
}

.book_navi_tab_section:after {
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

.book_navi_tab_section li{
}

.book_navi_tab_section li.to_ebook {
}

.book_navi_tab_section li a {
	width:150px;
	height:24px;
	display:block;
	text-indent:-9999px;
	float:left;
	overflow:hidden;

}

.book_navi_tab_section li.to_book a {
	background: url(../../images/parts/bookstab_paper.png) no-repeat;1
}

.book_navi_tab_section li.to_ebook a {
	margin-left:15px;
	background: url(../../images/parts/bookstab_eb.png) no-repeat;
}

.book_navi_tab_section li.to_book a:hover,
.book_navi_tab_section li.to_book a.active {
	background: url(../../images/parts/bookstab_paper_on.png) no-repeat;1
}

.book_navi_tab_section li.to_ebook a:hover,
.book_navi_tab_section li.to_ebook a.active {
	background: url(../../images/parts/bookstab_eb_on.png) no-repeat;1
}


.book_navi {
	margin:20px 0;
	border-bottom: 1px solid #C3C3C3;
}



/*@import "http://www.mdn.co.jp/di/css/individual/articles.css";*/


/* =======================================

	Articles CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 
  

========================================== */

#contents .article_section {
	margin: 0 0 15px;
}

#contents .article_section div.General {
	font-size:100%;
	line-height:150%;
}

#contents .section {
	margin: 0 0 15px;
}

#contents .reprint {
}

#contents .reprint .column2Section {
	margin: 0; /* Reset */
}


/* 10.Listup Section
========================================== */
#contents .articlePickup {
	position: relative;
	margin: 0 0 20px;
	padding: 0 0 13px;
	height: auto; /* for Modern Browser */
	min-height: 110px; /* for Modern Browser */
	border-bottom: 1px solid #C3C3C3;
}
/* IE6 Only */
* html #contents .articlePickup {height: 110px;}

#contents .listupSection .title02 {
	padding-bottom: 2px;
	font-size: 92.4%;
	line-height: 1.5;
}

	/* Pickup
	---------------------------------------- */
	#contents .articlePickup .pickup {
		position: relative;
		width: 300px;
		zoom: 1;
	}
	
	#contents .articlePickup .pickup:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
		/* 9-1.Image
		---------------------------------------- */
		#contents .articlePickup .pickup p.image {
			float: left;
			margin: 0; /* Reset */
			width: 140px;
		}
		
		/* 9-2.Summary
		---------------------------------------- */
		#contents .articlePickup .pickup .summary {
			float: right;
			margin-bottom: 1.539em;
			padding: 18px 0 0;
			width: 150px;
		}
		
		#contents .articlePickup .pickup .summary p.relativeLink {
			position: absolute;
			bottom: 0;
			margin: 0;
			padding: 0;
			width: 150px;
			border: none;
		}
	
	/* Others List
	---------------------------------------- */
	#contents .articlePickup ul.othersList {
		position: absolute;
		left: 350px;
		bottom: 13px;
		width: 290px;
	}
	
	#contents .articlePickup ul.othersList li {
	}
	
	#contents .articlePickup ul.othersList li a {
		padding: 0 0 1px 14px;
		background: url(../../images/common/ico_arrow01_orange01.gif) no-repeat 0 0.25em;
		color: #303030;
	}


/* Article Lead [2010.03.16]
=========================================== */
#contents p.articleLead {
	margin: 0 0 25px;
}


/* Article Header [2010.03.16]
=========================================== */
#contents .article_section #articleHeader {
	margin: 0 0 40px;
}

	/* Header Title
	---------------------------------------- */
	#contents .article_section #articleHeader .headerTitle {
		position: relative;
		margin: 0 0 15px;
		padding: 0 0 0 155px;
		height: auto; /* for Modern Browser */
		min-height: 80px; /* for Modern Browser */
		font-size: 168.9%;
		line-height: 1.274;
	}
	/* IE6 Only */
	* html #contents .article_section #articleHeader .headerTitle {height: 80px;}
	
	#contents .article_section #articleHeader .headerTitle span.titleImage {
		position: absolute;
		top: 0;
		left: 0;
		width: 140px;
	}
	
	#contents .article_section #articleHeader .headerTitle span.lead {
		display: block;
		font-size: 54.546%;
		line-height: 1.666;
	}
	
	/* Introduce
	---------------------------------------- */
	#contents .article_section #articleHeader p.introduce {
		margin: 0 0 20px;
		color: #529FD6;
	}
	
	#contents .article_section #articleHeader p.introduce strong {
		font-size: 116.667%;
		line-height: 1.286;
	}
	
	/* Description
	---------------------------------------- */
	#contents .article_section #articleHeader .description {
		padding: 10px 15px;
		border: 1px solid #529FD6;
	}
	
	#contents .article_section #articleHeader .description .title {
		margin: 0 0 5px;
		color: #529FD6;
	}
	
	#contents .article_section #articleHeader .description p {
		line-height: 1.666;
	}


/* Section [2010.03.16]
=========================================== */
#contents .article_section .section {
	margin: 0 0 50px;
}

#contents .article_section .section .sectionTitle {
	margin: 0 0 15px;
	padding: 0 10px;
	border-left: 6px solid #529FD6;
	font-size: 138.5%;
	line-height: 1.112;
	font-weight: bold;
}

#contents .article_section .section p {
	margin: 0 0 20px;
}


/* Image Center [2010.03.16]
=========================================== */
#contents .article_section .imageCenter {
	text-align: center;
}

#contents .article_section .imageCenter p {
	margin: 0 0 10px;
}

#contents .article_section .imageCenter p span.caption {
	display: block;
	margin: 10px 0 0;
}


/*@import "http://www.mdn.co.jp/di/css/individual/info.css";*/


/* =======================================

	Info CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
	

========================================== */

/* 
========================================== */
body.info {
}

body.info #contents {
}

body.mm #contents  h2.title01 {
	margin: 0 0 40px;
}


/* Section
========================================== */
body.info #contents .section {
}
	
body.mm #contents .section .line {
	margin: 0 0 25px;
}
	
body#confirm       #contents .section,
body#cancelConfirm #contents .section { margin: 0 0 20px;}

	/* title
	---------------------------------------- */
	body.info#termsIndex #contents h2.title01,
	body.info#inquiryIndex #contents h2.title01,
	body.info#companyIndex #contents h2.title01 {
		margin: 0 0 40px;
	}
	
	body.info #contents .section .title02 {
		margin: 0 0 40px;
		padding: 0 0 3px;
	}
	
	body#mmIndex #contents .section h3.title02 {
		position: relative;
		margin-top: -1.4em;
	}
	body#confirm #contents .section h3.title02 {
		margin: 0 0 18px;
	}

	/* p
	---------------------------------------- */
	body.info #contents .section p {
		margin: 0 40px 15px;
	}
	
	body.info #contents .section p.relativeLink02 a {
		padding: 0 0 1px 14px;
		background: url(../../images/common/ico_arrow01_orange01.gif) no-repeat 0 0.25em;
		color: #303030;
	}
	
	body.info #contents .section p.mapImage {
		margin: 0;
		padding: 20px 40px;
		border-top: 1px solid #000;
	}
	
	body.info #contents .section p.sampleImage {
		margin: 0 40px 40px;
	}
	
	/* ul List
	---------------------------------------- */
		/* .mmList
		---------------------------------------- */
		body.mm #contents .section ul.mmList {
			margin: 0 40px 20px;
		}
		
		body.mm #contents .section ul.mmList li {
			margin: 0 0 10px;
			padding: 0 0 0 14px;
			background: url(../../images/common/ico_arrow01_orange01.gif) no-repeat 0 0.29em;
		}
		
		body.mm #contents .section ul.mmList li a {
			color: #00479D;
		}
		
		body.mm #contents .section ul.mmList li ul {
			margin: 8px 0 0 25px;
			zoom: 1;
		}
		body.mm #contents .section ul.mmList li ul:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
		}
		
		body.mm #contents .section ul.mmList li ul li {
			float: left;
			display: inline;
			margin: 0 10px 0 0;
			padding: 0;
			background: none;
		}
		
		body.mm #contents .section ul.mmList li ul li.first {
			margin-right: 25px;
		}
	
		/* backBtnList
		---------------------------------------- */
		body.mm #contents .section ul.backBtnList {
			margin: 0 40px 0 70px;
			zoom: 1;
		}
		body.mm #contents .section ul.backBtnList:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
		}
		
		body.mm #contents .section ul.backBtnList li {
			float: left;
			display: inline;
			margin: 0 10px;
		}
	
		/* backMmList
		---------------------------------------- */
		body.mm #contents ul.backMmList {
			margin: 30px 0 0;
			padding: 14px 10px;
			border: 1px solid #CCC;
		}
		
		body.mm #contents ul.backMmList li {
			padding: 0 0 0 14px;
			background: url(../../images/common/ico_arrow01_orange01.gif) no-repeat 0 49%;
			font-size: 107.8%;
			line-height: 1.429;
		}
		
	
	/* dl List01
	---------------------------------------- */
	body.info #contents .section dl.list01 {
		margin: 0 40px;
	}
	
	body.info #contents .section dl.list01 dt {
	}
	
	body.info #contents .section dl.list01 dd {
		margin: 0 0 30px;
	}
	
	/* Table
	---------------------------------------- */
		/* Table02
		---------------------------------------- */
		body.info #contents .section table.table02 {
			margin: 0 0 20px 40px;
			width: 550px;
		}
		
		body.mm #contents .section table.table02 {
			margin: 0 0 20px;
			width: 100%;
		}
		
		body#confirm       #contents .section table.table02,
		body#cancelConfirm #contents .section table.table02 { margin: 0;}
		
		body.info #contents .section table.table02 tr {
		}
		
		body.info #contents .section table.table02 tr th {
			background: #E9E8E4;
			vertical-align: middle;
		}
		
		body#confirm       #contents .section table.table02 tr th { width: 150px; padding: 15px; text-align: right;}
		body#cancelConfirm #contents .section table.table02 tr th { width: 140px; padding: 15px; text-align: right;}
		
		body.info #contents .section table.table02 tr td {
			vertical-align: middle;
		}
		
		/* table04
		---------------------------------------- */
		body.info #contents .section table.table04 {
			margin: 0 0 20px 40px;
			width: 550px;
		}
		
		body.info #contents .section table.table04#relatedSiteContact tr th { width: 230px;}
		body.info #contents .section table.table04#otherContact       tr th { width: 300px;}
		
	
	body.info #contents .section p.tableCaption {
		margin: 0 40px; 
	}


/* Form
========================================== */
body.mm #contents .formBtnList {
	text-align: center;
}

body.mm #contents p.hope {
	margin-left: 60px;
}

body.mm #contents .formBtnList label {
	margin: 0 5px;
}

body.mm #contents .formBtnList label input {
	width: 90px;
	height: 32px;
}

	/* 
	---------------------------------------- */
	body.mm#form #contents table.table02 {
		margin: 0 0 20px 40px;
		width: 550px;
	}
	
	body.mm#form #contents table.table02 tr th {
		padding: 5px 0;
		background: none;
		border: none;
	}
	
	body.mm#form #contents table.table02 tr th label.radio {
		margin: 0 0 0 20px;
	}
	
	body.mm#form #contents table.table02 tr td {
		padding: 5px 0;
		background: none;
		border: none;
	}
	
	body.mm#form #contents table.table02 tr td label.textbox input.mailAdress { width: 250px;}
	body.mm#form #contents table.table02 tr td label.textbox input.name       { width: 150px;}
	
	body.mm#form #contents p.inpress {
		text-align: center;
	}
	
	body.mm#form #contents p.inpress label {
		margin: 0 5px;
	}
	
	body.mm#form #contents p.nextForm {
		padding: 0 0 0 14px;
		background: url(../../images/common/ico_arrow01_orange01.gif) no-repeat 0 49%;
	}
	
	body.mm#form #contents p.nextForm input {
		width: 52px;
		height: 35px;
	}
	
	


/*@import "http://www.mdn.co.jp/di/css/individual/ad.css";*/


/* =======================================

	Ad CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 
*/


body#articles #contents div#ad p {
	margin: 0 20px 0 20px;
}

body#articles #contents div#ad h2.title01 {
	font-size:100%;
	font-weight:normal;
}

/* mdniArea
========================================== */
body#articles #contents div#ad .mdniArea {
	margin: 0 0 40px;
	padding: 14px 20px 0 12px;
	background: url(../../images/ad/mdniArea_bg.gif) no-repeat;
	border-top: 1px solid #8E8A8B;
	zoom: 1;
}
body#articles #contents div#ad .mdniArea:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

body#articles #contents div#ad .mdniArea p {
	float: right;
	display: inline;
}

body#articles #contents div#ad .mdniArea p.siteTitle {
	float: left;
	display: inline;
	margin: 10px 0 0;
}

body#articles #contents div#ad h2.mdniTitle {
	margin: 0 0 30px 12px;
	font-weight: bold;
	font-size: 138.5%;
	line-height: 1.4449;
}


/* mdniList
========================================== */
body#articles #contents div#ad.mdndi ul#mdniList {
	margin: 0 0 18px;
	padding: 0 0 0 4px;
	border-bottom: 1px solid #77716F;
	zoom: 1;
}
body#articles #contents div#ad.mdndi ul#mdniList:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

body#articles #contents div#ad.mdndi ul#mdniList li {
	position: relative;
	float: left;
	display: inline;
	margin: 0 2px -1px;
	width: 86px;
	font-size: 77%;
	line-height: 1.801;
	text-align: center;
}

body#articles #contents div#ad.mdndi ul#mdniList li a {
	display: block;
	height: 19px;
	text-decoration: none;
	background: url(../../images/ad/mdni_list_bg.gif) no-repeat;
}

body#articles #contents div#ad.mdndi ul#mdniList li a:hover { background-position: -86px 0;}

body#articles #contents div#ad.mdndi ul#mdniList li.menu01.active a,
body#articles #contents div#ad.mdndi ul#mdniList li.menu02.active a,
body#articles #contents div#ad.mdndi ul#mdniList li.menu03.active a,
body#articles #contents div#ad.mdndi ul#mdniList li.menu04.active a,
body#articles #contents div#ad.mdndi ul#mdniList li.menu05.active a,
body#articles #contents div#ad.mdndi ul#mdniList li.menu06.active a { background-position: -86px 0;}


/* Select Table
========================================== */
body#articles #contents div#ad #contentsHeader table.selectTable {
	position: relative;
	margin: -12px 0 0;
	background-color: #EFEFEF;
	width: 100%;
}
body#articles #contents div#ad #contentsHeader table.selectTable tr {
}

body#articles #contents div#ad #contentsHeader table.selectTable tr th {
	padding: 0 0 5px 20px;
	width: 90px;
	background-color: #EFEFEF;
	vertical-align: middle;
	color: #666666;
}

body#articles #contents div#ad #contentsHeader table.selectTable tr td {
	padding: 0 0 5px;
	background-color: #EFEFEF;
}

body#articles #contents div#ad #contentsHeader table.selectTable tr.first th,
body#articles #contents div#ad #contentsHeader table.selectTable tr.first td {
	padding-top: 7px;
	padding-bottom: 0;
}

body#articles #contents div#ad #contentsHeader table.selectTable tr td ul {
	margin: 0;
	background: none;
}

body#articles #contents div#ad #contentsHeader table.selectTable tr td ul li {
	line-height: 1;
}

#contents ul.selectList li {
	display: inline;
	margin: 0 15px 0 0;
	padding: 0 0 0 10px;
	background: url(../../images/common/ico_arrow01_blue01.gif) no-repeat 0 49%;
	color: #535353;
	line-height: 1.994;
	white-space: nowrap;
	zoom: 1;
}

#contents ul.selectList li.active {
	color: #959595;
	background: url(../../images/common/ico_arrow01_gray01.gif) no-repeat 0 49%;
}

#contents ul.selectList li a {
	color: #00479D;
}


/* Section
========================================== */
body#articles #contents div#ad.mdndi{
}

	/* title
	---------------------------------------- */
	body#articles #contents div#ad #contentsHeader h2.title01 {
		margin: 0 0 12px;
	}
	
	body#articles #contents div#ad h2.title01 {
		margin: 0 0 20px;
	}
	
	body#articles #contents div#ad.mdndi h4 {
		margin: 0 20px 5px;
		font-weight: normal;
	}

	/* p
	---------------------------------------- */
	body#articles #contents div#ad.mdndi p {
		margin: 0 20px 15px;
	}
	
	body#articles #contents div#ad.mdndi p span.price {
		margin: 0 2px;
		font-size: 115.4%;
	}

	/* ul
	---------------------------------------- */
	body#articles #contents div#ad.mdndi ul {
		margin: 0 20px 15px 40px;
	}
	
	body#articles #contents div#ad.mdndi ul li {
	}
	
	body#articles #contents div#ad.mdndi .section ul.list02 li {
		margin: 0 0 10px;
	}

	/* ol
	---------------------------------------- */
	body#articles #contents div#ad.mdndi ol {
		margin: 0 20px;
	}
	
	body#articles #contents div#ad.mdndi ol li {
	}
	
	/* dl
	---------------------------------------- */
	body#articles #contents div#ad.mdndi dl {
		margin: 0 20px;
	}
	
	body#articles #contents div#ad.mdndidl dt {
	}
	
	body#articles #contents div#ad.mdndi dl dd {
		margin: 0 0 15px 2em;
		line-height: 1.666;
	}
	
	body#articles #contents div#ad.mdndi dl.list04 {
	}
	
	body#articles #contents div#ad.mdndi dl.list04 dt {
	}
	
	body#articles #contents div#ad.mdndi dl.list04 dd {
		margin: 0;
	}
	
	/* table
	---------------------------------------- */
	body#articles #contents div#ad.mdndi table {
		margin: 0 20px 15px;
	}
	
	body#articles #contents div#ad.mdndi table.table03 {
		width: 600px;
	}


/* Course
========================================== */
body#articles #contents div#ad.mdndi .course {
}

body#articles #contents div#ad.mdndi .course h4 {
	font-size: 123.1%;
	line-height: 1.244;
}

body#articles #contents div#ad.mdndi .course p.image {
	float: right;
	display: inline;
	margin: 0 20px 15px 30px;
}


/* Advertisement Menu
========================================== */
body#articles #contents div#ad.mdndi .advertisementMenu {
}

body#articles #contents div#ad.mdndi .advertisementMenu p.image {
	float: right;
	display: inline;
	margin: 0 20px 15px 30px;
}



/*@import "http://www.mdn.co.jp/di/css/individual/offer.css";*/ /* [2010.03.19] */


/* =======================================

	Offer CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
	1.Offer Box01
		1-1.table
		1-2.Contents
		1-3.Image
	
	2.Offer Section
		2-1.Publish Info
		2-2.Section Header
			2-2-1.Publish Info
			2-2-2.Balloon Box01
		2-3.Section Footer
		2-4.Offer Title
	
	3.Usage Guide
		3-1.Usage Navi
	
	4.Offer Step List
		4-1.Title
		4-2.Text
		4-3.Image
	
	5.Lead Box05 [2010.04.16]
		5-1.Box Title
		5-2.Mailing Address
		5-3.Number
		5-4.Rule Unit
			5-4-1.Number
	
	
	Common Override
 -----------------------------------------
	1.Contents Header
		1-1.Offer Navi
		1-2.Offer Assist
			1-2-1.Assist Guide
			1-2-2.Assist List
		1-3.Step Navi
	
	2.Contents Footer
		2-1.Prev List
		2-2.Footer Link
	
	3.Page Top
	
	4.Form
		4-1.Textbox
		4-2.Radio
		4-3.Submit
		4-4.select
		4-5.textarea
	
	5.Offer Regist (Table04)
		5-1.input
			5-1-1.Textbox
			5-1-2.Post Number
		5-2.select
		5-3.select
	
	
	Offer Index
 -----------------------------------------
	1.Contents Header
		1-1.Offer Navi
		1-2.Offer Assist

	Usage
 -----------------------------------------	
 	 
 
	
	Detail
 -----------------------------------------
	1.Offer Box01
		1-1.Contents
		1-2.Image
	
	
	FAQ
 -----------------------------------------
	1.FAQ Lead
	
	2.Question List
	
	3.Answer List
	
	
	Offerer Regist
 -----------------------------------------
	1.Prev Info
	
	2.Submit Button
	
	
	Offerer Regist Input
 -----------------------------------------
	1.Offer Regist
		1-1.Offer Info

		
	Point
 -----------------------------------------
 
 
 	Profile
 -----------------------------------------

========================================== */


/* 1.Offer Box01
=========================================== */

.offer #contents a:link { color: #f60; }
.offer #contents a:visited { color: #f96; }
.offer #contents a:hover { color: #f60; text-decoration: underline; }
.offer #contents a:active { color: #f60; text-decoration: underline; }


/* 1.Offer Box01
=========================================== */
#contents .offerBox01 {
	margin: 0 auto 18px;
	padding: 8px 15px;
	width: 585px;
	border: 1px solid #DCDCDC;
	zoom: 1;
}

#contents .offerBox01:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#contents .offerBox01 .line02 {
	clear: both;
	padding-top: 13px;
	margin-bottom: 13px;
}

	/* 1-1.table
	---------------------------------------- */
	#contents .offerBox01 table {
		position: relative;
		margin: -9px 0 0;
	}
	
	#contents .offerBox01 table tr th {
		padding: 9px 10px 0 0;
	}
	
	#contents .offerBox01 table tr td {
		padding: 9px 0 0;
	}
	
	#contents .offerBox01 table tr td a {
		color: #303030;
	}
	
	#contents .offerBox01 table tr th.center {
		text-align:center;
	}
	
	/* 1-2.Contents
	---------------------------------------- */
	#contents .offerBox01 .contents {
		float: left;
		width: 440px;
	}
	
	/* 1-3.Image
	---------------------------------------- */
	#contents .offerBox01 .image {
		float: right;
		display: inline; /* for IE */
		position: relative;
		margin: 3px -5px -25px 0;
		width: 140px;
	}
	
	#contents .offerBox01 .image img {
		margin: 0 0 25px;
	}


/* 2.Offer Section
=========================================== */
#contents .offerSection {
	margin: 15px 0 20px;
}

	/* 2-1.Publish Info
	---------------------------------------- */
	#contents .offerSection p.publishInfo {
		margin: 0 150px 0 0;
	}
	
	#contents .offerSection p.publishInfo dfn {
		margin: 0 8px 0 0;
	}
	
	#contents .offerSection p.publishInfo dfn img {
		position: relative;
		top: -2px;
	}
	
	#contents .offerSection p.publishInfo_detail {
		text-align:right;
		margin-bottom:1.5em;
	}
	#contents .offerSection p.publishInfo_detail dfn img {
		padding-right:5px;
	}

	/* 2-2.Section Header
	---------------------------------------- */
	#contents .offerSection .sectionHeader {
		margin: 0 0 5px;
	}
	
	#contents .offerSection .sectionHeader p.offerNum {
		margin: 0 500px 0 5px;
	}
	
		/* 2-2-1.Publish Info
		---------------------------------------- */
		#contents .offerSection .sectionHeader p.publishInfo {
			position: relative;
			top: -1.5em;
			margin: 0 5px -1.5em 140px;
			text-align: right;
		}
		
		/* 2-2-2.Balloon Box01
		---------------------------------------- */
		#contents .offerSection .sectionHeader .balloonBox01 {
			margin-top: 10px;
		}
	
	/* 2-3.Section Footer
	---------------------------------------- */
	#contents .offerSection .sectionFooter {
		position: relative;
		margin: 0 20px 20px 30px;
		height: auto; /* for Modern Browser */
		min-height: 24px; /* for Modern Browser */
	}
	/* IE6 Only */
	* html #contents .offerSection .sectionFooter {height: 24px;}
	
	#contents .offerSection .sectionFooter p.detailPage {
		position: absolute;
		top: -8px;
		right: 0;
		width: 144px;
	}
	
	/* 2-4.Offer Title
	---------------------------------------- */
	#contents .offerSection .offerTitle {
		margin: 0 auto;
		padding: 6px 20px 4px;
		width: 575px;
		border: 1px solid #D0D0D0;
		border-bottom: none;
		background-color: #FFF;
		color: #ff6600;
		font-size: 92.4%;
		line-height: 1.5;
		font-weight: bold;
	}
	
	#contents .offerSection .offerTitle a { color:#ff6600;}
	#contents .offerSection .offerTitle a:hover { color:#ff6600; text-decoration: underline;}
	
	#contents .offerSection .offerTitleNew {
		padding:0 10px 0 0;
		}


/* 3.Usage Guide
=========================================== */
#contents .usageLead {
	margin: 0 0 50px;
}

	/* 3-1.Usage Navi
	---------------------------------------- */
	#contents .usageLead ul.usageNavi {
		margin: 0 0 25px;
		background: url(../../images/common/line_solid02_gray02.gif) repeat-x 0 100%;
		zoom: 1;
	}
	#contents .usageLead ul.usageNavi:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
	#contents .usageLead ul.usageNavi li {
		float: left;
		display: inline; /* for IE */
		margin: 0 0 0 10px;
	}
	
	#contents .usageLead ul.usageNavi li.menu01 {width: 131px;}
	#contents .usageLead ul.usageNavi li.menu02 {width: 174px;}


/* 4.Offer Step List
=========================================== */
#contents ol.offerStepList {
	margin: 0 0 50px;
}

#contents ol.offerStepList li {
	margin: 0 0 40px;
	zoom: 1;
}

#contents ol.offerStepList li:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#contents ol.offerStepList li a {
	color: #ff6600;
	
}

#contents ol.offerStepList li a:hover {
	text-decoration: none;
	text-decoration: underline;
}

	/* 4-1.Title
	---------------------------------------- */
	#contents ol.offerStepList li dfn {
		display: block;
		padding: 6px 0 10px;
		height: auto; /* for Modern Browser */
		min-height: 26px; /* for Modern Browser */
		color: #99cc00;
		font-size: 133.34%;
		line-height: 1.244;
		font-weight: bold;
	}
	/* IE6 Only */
	* html #contents ol.offerStepList li dfn {height: 26px;}
	
	#contents ol.offerStepList li dfn span {
		margin: 0 10px 0 0;
	}
	
	#contents ol.offerStepList li dfn span img {
		position: relative;
		top: -6px;
		margin: 0 0 -6px;
		vertical-align: top;
	}
	/* IE6 Only */
	* html               #contents ol.offerStepList li dfn span img {top: -7px; margin: 0 0 -7px;}
	/* IE7 Only */
	*:first-child + html #contents ol.offerStepList li dfn span img {top: -7px; margin: 0 0 -7px;}
	
	/* 4-2.Text
	---------------------------------------- */
	#contents ol.offerStepList li .text {
		float: left;
		margin: 0 0 -10px;
		width: 390px;
	}
	
	#contents ol.offerStepList li .text p {
		margin: 0 0 10px;
	}
	
	/* 4-3.Image
	---------------------------------------- */
	#contents ol.offerStepList li .image {
		float: right;
		position: relative;
		margin: -33px 0 0;
		width: 240px;
	}

	
/* 5.Lead Box05 [2010.04.16]
=========================================== */
#contents .leadBox05 {
}

	/* 5-1.Box Title
	---------------------------------------- */
	#contents .boxTitle01 {
		margin: 0 0 10px;
		color: #7D7D7D;
		font-size: 123.1%;
		line-height: 1.244;
		font-weight: bold;
	}

	/* 5-2.Mailing Address
	---------------------------------------- */
	#contents .leadBox05 .sendVitae {
		margin: 0 45px 45px;
	}
	
	#contents .leadBox05 p.sendVitae {
		line-height: 1.994;
	}
	
	#contents .leadBox05 .sendVitae table {
	}
	
	#contents .leadBox05 .sendVitae table tr th,
	#contents .leadBox05 .sendVitae table tr td {
		padding: 3px 0;
	}
	
	#contents .leadBox05 .sendVitae table tr th {
		padding-right: 40px;
		color: #0068B7;
	}
	
	/* 5-3.Number
	---------------------------------------- */
	#contents .leadBox05 ol.number,
	#contents .leadBox05 ul.number {
		margin: 0; /* Reset */
	}
	
	/* 5-4.Rule Unit
	---------------------------------------- */
	#contents .leadBox05 .ruleUnit {
		margin: 25px 10px;
	}
	
	#contents .leadBox05 .ruleUnit .title {
		margin: 0 0 10px;
	}
	
	#contents .leadBox05 p {
		margin: 0 0 10px;
	}
	
	#contents .leadBox05 .ruleUnit a {
		color: #303030;
		text-decoration: underline;
	}
	
	#contents .leadBox05 .ruleUnit a:hover {
		text-decoration: none;
	}
	
		/* 5-4-1.Number
		---------------------------------------- */
		#contents .leadBox05 .ruleUnit ol.number,
		#contents .leadBox05 .ruleUnit ul.number {
			margin: 0 5px 10px;
		}
		
		#contents .leadBox05 .ruleUnit ol.number li ol,
		#contents .leadBox05 .ruleUnit ol.number li ul,
		#contents .leadBox05 .ruleUnit ul.number li ol,
		#contents .leadBox05 .ruleUnit ul.number li ul {
			margin: 5px 5px 0;
		}
		
		#contents .leadBox05 .ruleUnit ol.number li dfn,
		#contents .leadBox05 .ruleUnit ul.number li dfn {
			display: block;
		}


/* Common Override
****************************************************************************************/
/* 1.Contents Header
========================================== */
body.offer #contents #contentsHeader {
	margin: 15px 0 20px;
	padding:0;
	/*padding: 0 7px;*/
	zoom: 1;
}
body.offer #contents #contentsHeader:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

body.offer #contents #contentsHeader h2 {
	margin-left: 0;
}

	/* 1-1.Offer Navi
	---------------------------------------- */
	body.offer #contents #contentsHeader .offerNaviA {
		margin: 15px 0 0;
		width: 640px;
	}
	
	body.offer #contents #contentsHeader .offerNaviA ul {
		
	}
	
	
	body.offer #contents #contentsHeader .offerNaviA ul li {
		float: left;
		margin: 0;
	}
	
	/* 1-2.Offer Assist
	---------------------------------------- */
	body.offer #contents #contentsHeader .offerAssist {
		float: right;
		position: relative;
		margin: -22px 0 0;
		width: 294px;
		zoom: 1;
	}
	
	body.offer #contents #contentsHeader .offerAssist:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
		/* 1-2-1.Assist Guide
		---------------------------------------- */
		body.offer #contents #contentsHeader .offerAssist dl.assistGuide {
			padding: 4px 0 3px;
		}
		
		body.offer #contents #contentsHeader .offerAssist dl.assistGuide dt,
		body.offer #contents #contentsHeader .offerAssist dl.assistGuide dd {
			display: inline;
		}
		
		body.offer #contents #contentsHeader .offerAssist dl.assistGuide dt {
			position: relative;
			margin: 0 2px 0 0;
			color: #626262;
		}
		
		body.offer #contents #contentsHeader .offerAssist dl.assistGuide dd {
			position: relative;
			top: -5px;
		}
		
		body.offer #contents #contentsHeader .offerAssist dl.assistGuide dd img {
			vertical-align: top;
		}
		
		/* 1-2-2.Assist List
		---------------------------------------- */
		body.offer #contents #contentsHeader .offerAssist ul.assitList {
			float: left;
			position: relative;
			margin: 0 -19px -1px 0;
			padding: 0 0 0 24px;
			width: 120px;
		}
		
		body.offer #contents #contentsHeader .offerAssist ul.assitList li {
			margin: 0 0 1px;
			font-size: 84.7%;
			line-height: 1.455;
		}
		
		body.offer #contents #contentsHeader .offerAssist ul.assitList li a {
			display: table-cell;
			padding: 0 0 0 14px;
			background: url(../../images/common/ico_arrow01_orange01.gif) no-repeat 0 0.417em;
			color: #2593C3;
			vertical-align: bottom;
			zoom: 1;

		}
		/* IE6 Only */
		* html               body.offer #contents #contentsHeader .offerAssist ul.assitList li a {display: inline; zoom: 1;}
		/* IE7 Only */
		*:first-child + html body.offer #contents #contentsHeader .offerAssist ul.assitList li a {display: inline; zoom: 1;}

	/* 1-3.Step Navi
	---------------------------------------- */
	body.offer #contents #contentsHeader ul.stepNavi {
		position: relative;
		margin: 30px 0 10px -31px;
		width: 649px;
		background: url(../../images/offer/stepnavi_bg_01.gif) no-repeat 237px 14px;
		zoom: 1;
	}
	body.offer #contents #contentsHeader ul.stepNavi:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
	body.offer #contents #contentsHeader ul.stepNavi#recruitStep {background-image: url(../../images/offer/stepnavi_bg_02.gif);}
	
	body.offer #contents #contentsHeader ul.stepNavi li {
		float: left;
		display: inline; /* for IE */
		margin: 0 0 0 53px;
		background: no-repeat;
		width: 163px;
		height: 38px;
	}
	
	body.offer #contents #contentsHeader ul.stepNavi li.menu01 {background-image: url(../../images/offer/stepnavi_btn_01_on.png);}
	body.offer #contents #contentsHeader ul.stepNavi li.menu02 {background-image: url(../../images/offer/stepnavi_btn_02_on.png);}
	body.offer #contents #contentsHeader ul.stepNavi li.menu03 {background-image: url(../../images/offer/stepnavi_btn_03_on.png);}
	
	/*  [2010.04.16] */
	body.offer #contents #contentsHeader ul.stepNavi#recruitStep li.menu01 {background-image: url(../../images/offer/stepnavi_btn_01b_on.png);}
	body.offer #contents #contentsHeader ul.stepNavi#recruitStep li.menu02 {background-image: url(../../images/offer/stepnavi_btn_02b_on.png);}
	body.offer #contents #contentsHeader ul.stepNavi#recruitStep li.menu03 {background-image: url(../../images/offer/stepnavi_btn_03b_on.png);}
	
	body.offer #contents #contentsHeader ul.stepNavi li.active {
	}
	
	body.offer #contents #contentsHeader ul.stepNavi li.active img {
		visibility: hidden;
	}
	
	/* 1-4.added 2012/09/03
	---------------------------------------- */
	body.offer #contents #contentsHeader div.offerCampaign {
		margin-top:30px;
	}
	
	body.offer #contents #contentsHeader .offerCampaign h3 {
		border-bottom: 1px solid #c3c3c3;
		margin-bottom:13px;
		
	}
	body.offer #contents #contentsHeader .offerCampaign p.image {
		float:left;
		width:140px;
	}
	body.offer #contents #contentsHeader .offerCampaign div.summary {
		float:right;
		width:480px;
	}


/* 2.Contents Footer
=========================================== */
body.offer #contents #contentsFooter {
	margin: 0 0 50px;
}

body.offer #contents #contentsFooter p.currentPage {
	padding: 5px 2px 3px;
	border-top: 1px solid #C3C3C3;
}

body.offer #contents #contentsFooter .pagenation {
	margin: 0; /* Reset */
}

	/* 2-1.Prev List
	---------------------------------------- */
	body.offer #contents #contentsFooter p.prevLink {
		margin: 0 auto 20px;
		width: 615px;
	}

	/* 2-2.Footer Link
	---------------------------------------- */
	body.offer #contents #contentsFooter p.footerLink {
		margin: 35px 0 0;
		text-align: center;
	}
	
	body.offer #contents #contentsFooter p.footerLink a {
		margin: 0 8px;
	}


/* 3.Page Top
========================================== */
body.offer #contents p.pageTop {
	margin: 0; /* Reset */
	padding: 0; /* Reset */
}

body.offer #contents p.pageTop a {
	padding: 0 13px 0 0;
	background: url(../../images/common/ico_arrow03_orange01.gif) no-repeat 100% 0.167em;
	color: #303030;
}


/* 4.Form
=========================================== */
	/* 4-1.Textbox
	---------------------------------------- */
	body.offer #contents label.textbox input {
		margin: -4px 0;
		top: -1px;
	}
	
	/* 4-2.Radio
	---------------------------------------- */
	body.offer #contents p.agreeCheck {
		margin: 0 0 30px;
		text-align: center;
	}
	
	body.offer #contents p.agreeCheck label.radio {
		margin: 0 6px 0 14px;
	}
	
	/* 4-3.Submit
	---------------------------------------- */
	body.offer #contents label.submit input {
	}
	
	body.offer #contents p.submitButton {
		margin: 0 0 60px;
	}
	
	body.offer #contents p.submitButton label.submit {
		margin: 0 6px;
	}
	
	/* 4-4.select
	---------------------------------------- */
	body.offer #contents select {
		margin-bottom: -3px;
	}
	/* IE6 Only */
	* html               body.offer #contents select {margin-bottom: -4px;}
	/* IE7 Only */
	*:first-child + html body.offer #contents select {margin-bottom: -4px;}
	
	/* 4-5.textarea
	---------------------------------------- */
	body.offer #contents textarea {
		border: 1px solid #BBBBBB;
	}


/* 5.Offer Regist (Table04)
=========================================== */
body.offer #contents table.offerRegist {
	margin: 10px 0 50px;
	width: 100%;
}

body.offer #contents table.offerRegist tr th {
	padding-left: 30px;
	width: 170px;
}

	/* 5-1.input
	---------------------------------------- */
	body.offer #contents table.offerRegist tr td label {
		margin: 0 10px 0 0;
	}
	
		/* 5-1-1.Textbox
		---------------------------------------- */
		body.offer #contents table.offerRegist tr td label.textbox input {
			width: 300px; /* default */
		}
		
		body.offer #contents table.offerRegist tr.name        td label.textbox input {margin-left: 4px; width: 100px;}
		body.offer #contents table.offerRegist tr.kana        td label.textbox input {margin-left: 4px; width: 100px;}
		body.offer #contents table.offerRegist tr.tel         td label.textbox input {                  width: 170px;}
		body.offer #contents table.offerRegist tr.postNumber  td label.textbox input {                  width:  80px;}
		body.offer #contents table.offerRegist tr.address04   td label.textbox input {                  width: 260px;}
		body.offer #contents table.offerRegist tr.pass        td label.textbox input {                  width: 220px;}
	
		/* 5-1-2.Post Number
		---------------------------------------- */
		body.offer #contents table.offerRegist tr.postNumber td label {
			margin: 0; /* Reset */
		}
		
		body.offer #contents table.offerRegist tr.postNumber td span {
			margin: 0 10px;
		}
		
		body.offer #contents table.offerRegist tr.postNumber td span img {
			position: relative;
			margin: -4px 0;
			top: -1px;
			vertical-align: middle;
		}
	
	/* 5-2.select
	---------------------------------------- */
	body.offer #contents table.offerRegist tr.time td select {
		margin-right: 2px; /* Reset */
	}
	
	/* 5-3.select
	---------------------------------------- */
	body.offer #contents table.offerRegist tr td textarea {
		height: 120px;
	}


/* Offer Index
****************************************************************************************/
/* 1.Contents Header
========================================== */
body.offer#offerIndex #contents #contentsHeader {
	margin-top: 10px;
	padding-left: 4px;
}

body.offer#offerIndex #contents #contentsHeader h2 {
	margin-left: 0; /* Reset */
}

	/* 1-1.Offer Navi
	---------------------------------------- */
	body.offer#offerIndex #contents #contentsHeader .offerNavi {
		margin: 28px 0 0;
	}
	
	/* 1-2.Offer Assist
	---------------------------------------- */
	body.offer#offerIndex #contents #contentsHeader .offerAssist {
		margin: 13px 0 0 13px;
	}


/* Usage
****************************************************************************************/

#contents .usageContentsWrap .usageContentsL {
	width:310px;
	float:left;
	}
#contents .usageContentsWrap .usageContentsR {
	width:310px;
	float:right;
	}
	
#contents .usageContentsWrap h4 {
	margin-bottom:0.5em;
	}
	
#contents .usageContentsWrap .usageDetail {
	margin:0 0 2em 0;
}

#contents .usageContentsWrap .usageDetail dt {
	font-weight:bold;
	font-size: 107.8%;
	margin-bottom:2px;
	border-left: 3px solid #9c0;
	padding-left:5px;
	}
	
#contents .usageContentsWrap .usageDetail dd {
	margin-left:0.5em;
	}
		
#contents .usageContentsWrap .usageDetail dd.usageLink {
	margin-top:0.2em;
	text-align:right;
	background: url(../../images/offer/arrow_orange.png) no-repeat 73% 50%;
	}
	
#contents .usageContentsWrap .usageDetail dd.usageLink02 {
	margin-top:0.2em;
	text-align:right;
	background: url(../../images/offer/arrow_orange.png) no-repeat 60% 50%;
	}
	



/* Usage, Notice, Inquiry common
****************************************************************************************/	
#contents .operateFooter {
	margin-bottom:30px;
	line-height:1.8;
	border-top:1px solid #ccc;
	padding-top:1em;
}

#contents .operateFooter dt {
	font-weight: bold;
	margin-bottom:0.5em;
}

#contents .operateFooter dd {
	margin-left:1em;
	}

#contents .offerCaution {
	font-size: 85%;
	margin:1em 0 1em 1em;
	}
	
#contents .offerSecondLead {
	margin-bottom:20px;
	}
#contents .offerSecondLead p {
	margin-bottom:1em;
	}
	
#contents .contentsLead {
	margin-bottom:2em;
	}

/* Notice
****************************************************************************************/

#contents .noticeContentsWrap h4 {
	margin-bottom:0.5em;
	}
	
#contents .noticeContentsWrap .noticeDetail {
	margin:0 0.5em 2em;
}

#contents .noticeContentsWrap .noticeDetail dt {
	font-weight:bold;
	font-size: 107.8%;
	border-left: 5px solid #9c0;
	padding-left:10px;
	margin-bottom:2px;
	}


/* Detail
****************************************************************************************/
/* 1.Offer Box01
=========================================== */
body.offer#detail #contents .offerBox01 {
}

	/* 1-1.Contents
	---------------------------------------- */
	body.offer#detail #contents .offerBox01 .contents {
		width: 400px;
	}
	
	/* 1-2.Image
	---------------------------------------- */
	body.offer#detail #contents .offerBox01 .image {
		width: 180px;
		text-align: right;
	}


/* FAQ
****************************************************************************************/
/* 1.FAQ Lead
=========================================== */
body.offer#faq #contents p.faqLead {
	margin: 15px 2px 30px;
	font-size: 107.8%;
	line-height: 1.573;
	font-weight: bold;
}


/* 2.Question List
=========================================== */
body.offer#faq #contents dl.questionList {
	margin: 0 0 90px;
}

body.offer#faq #contents dl.questionList dt {
	margin: 35px 0 13px;
	color: #000;
	font-weight: bold;
}

body.offer#faq #contents dl.questionList dd {
	margin: 0 0 6px 5px;
}

body.offer#faq #contents dl.questionList dd a {
	display: table-cell;
	color: #ff6600;
	padding: 0 0 0 15px;
	background: url(../../images/offer/arrow_orange.png) no-repeat 0 0.25em;
}
/* IE6 Only */
* html               body.offer#faq #contents dl.questionList dd a {display: inline; zoom: 1;}
/* IE7 Only */
*:first-child + html body.offer#faq #contents dl.questionList dd a {display: inline; zoom: 1;}


/* 3.Answer List
=========================================== */
body.offer#faq #contents ul.answerList {
	margin: 60px 0 0;
}

body.offer#faq #contents ul.answerList li {
	margin: 0 2px 30px;
	line-height: 1.5;
}

body.offer#faq #contents ul.answerList li dfn {
	display: block;
	position: relative;
	margin: 0 -2px 10px;
	padding: 0 5px 4px;
	width: 625px;
	border: solid #f60;
	border-width: 0 0 1px 5px;
	color: #000;
	line-height: 1.335;
	font-weight: bold;
}


/* Offerer Regist
****************************************************************************************/
/* 1.Prev Info
=========================================== */
body.offer#offererRegist #contents table.table04#prevInfo {
}

body.offer#offererRegist #contents table.table04#prevInfo tr td label.textbox input {
	width: 290px;
}


/* 2.Submit Button
=========================================== */
body.offer#offererRegist #contents p.submitButton {
	margin: 0 0 30px;
}


/* Offerer Regist Input
****************************************************************************************/
/* 1.Offer Regist
=========================================== */
	/* 1-1.Offer Info
	---------------------------------------- */
	body.offer #contents table.offerRegist#offerInfo {
	}
	
	body.offer #contents table.offerRegist#offerInfo label.textbox {
		display: block;
		margin: 0 0 10px;
	}
	
	body.offer #contents table.offerRegist#offerInfo tr.job         td label.textbox,
	body.offer #contents table.offerRegist#offerInfo tr.title       td label.textbox,
	body.offer #contents table.offerRegist#offerInfo tr.place       td label.textbox,
	body.offer #contents table.offerRegist#offerInfo tr.holiday     td label.textbox,
	body.offer #contents table.offerRegist#offerInfo tr.requirement td label.textbox,
	body.offer #contents table.offerRegist#offerInfo tr.salary      td label.textbox,
	body.offer #contents table.offerRegist#offerInfo tr.treatment   td label.textbox {
		margin-top: 4px;
	}
	
	body.offer #contents table.offerRegist#offerInfo label.textbox input {
		width: 100%;
	}
	
	body.offer #contents table.offerRegist#offerInfo textarea {
		display: block;
		margin: 0 0 8px;
	}
	

/* Point
****************************************************************************************/

#contents dl.point_contents {
}

#contents dl.point_contents dt {
	font-weight:bold;
	margin-bottom:10px;
	border-bottom:1px solid #9c0;
	border-left:5px solid #9c0;
	padding-left:5px;
}

#contents dl.point_contents dd {
	margin:0 0 3em 1em;
	}
	
	
	

/* Profile
****************************************************************************************/

#contents .profile_text {
	border-top:1px solid #ccc;
	padding-top:1em;
}

#contents .profile_text dl {
	margin-left:1em;
	margin-bottom:2em;
	}

#contents .profile_text dl dt {
	color:#f00;
	}

#contents .profile_text dl dd {
	margin-left:2em;
	}

.offer #contents ul.indexList li .summary p a { color: #f60; }
.offer #contents ul.indexList li .summary p a:hover { color: #f60; text-decoration: underline; }


/*@import "http://www.mdn.co.jp/di/css/individual/news.css";*/  /* [2010.08.13] */


/* =======================================

	News CSS [2010.08.13]

 -----------------------------------------
	INDEX
 -----------------------------------------
	1.News Image Column
		1-1.Image Unit
		1-2.Info Unit
			1-2-1.Title
			1-2-2.Article Quote
			1-2-3.Article Link
	
	2.News Categorize
		2-1.Category Menu
		2-2.News Image Column
		2-3.Other News Listup
			2-3-1.Lead Unit
			2-3-2.Other News Items
				2-3-2-1.Item List
				2-3-2-2.Other News Navi
		2-4.Category List
	
	3.Category Foot Navi
  

========================================== */

/* 1.News Image Column
=========================================== */
#contents .newsImageColumn {
	margin: 0 0 15px;
	zoom: 1;
}

#contents .newsImageColumn:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

	/* 1-1.Image Unit
	---------------------------------------- */
	#contents .newsImageColumn .imageUnit {
		float: left;
		width: 120px;
	}
	
	/* 1-2.Info Unit
	---------------------------------------- */
	#contents .newsImageColumn .infoUnit {
		float: right;
		width: 480px;
	}
	
		/* 1-2-1.Title
		---------------------------------------- */
		#contents .newsImageColumn .infoUnit .title {
			position: relative;
			margin: 0 10px 5px -14px;
			padding: 0 0 0 14px;
			background: url(../../images/common/ico_arrow01_red01.gif) no-repeat 0 8px;
			font-size: 123.1%;
			line-height: 1.374;
			font-weight: bold;
			zoom: 1;
		}
		/* IE6 Only */
		* html               #contents .newsImageColumn .infoUnit .title {background-position: 0 7px;}
		/* IE7 Only */
		*:first-child + html #contents .newsImageColumn .infoUnit .title {background-position: 0 7px;}
		
		#contents .newsImageColumn .infoUnit .title a {
			color: #0068B7;
			text-decoration: underline;
		}
		
		#contents .newsImageColumn .infoUnit .title a:hover {
			text-decoration: none;
		}
		
		#contents .newsImageColumn .infoUnit .title span.date {
			font-size: 75%;
			line-height: 1.5;
			white-space: nowrap;
		}
		
		#contents .newsImageColumn .infoUnit .title span.icon {
			margin: 0 0 0 10px;
		}
		
		#contents .newsImageColumn .infoUnit .title span.icon img {
			position: relative;
			top: -2px;
			vertical-align: middle;
		}
		/* IE6 Only */
		* html               #contents .newsImageColumn .infoUnit .title span.icon img {top: 0;}
		/* IE7 Only */
		*:first-child + html #contents .newsImageColumn .infoUnit .title span.icon img {top: 0;}
		
		#contents .newsImageColumn .infoUnit .title span.users {
			background-color: #FFF0F0;
			color: #FF6563;
			font-size: 62.5%;
			line-height: 1.801;
			white-space: nowrap;
		}
		#contents .newsImageColumn .infoUnit .title span.users img {
			vertical-align: middle;
		}
		
		/* 1-2-2.Article Quote
		---------------------------------------- */
		#contents .newsImageColumn .infoUnit p.articleQuote {
			margin: 0 20px 0 0;
		}
		
		#contents .newsImageColumn .infoUnit p.articleQuote span {
			margin: 0 8em 0 0;
		}
		
		/* 1-2-3.Article Link
		---------------------------------------- */
		#contents .newsImageColumn .infoUnit p.articleLink {
			position: relative;
			top: -0.5em;
			margin: 0 20px -0.5em 0;
			text-align: right;
		}
		
		#contents .newsImageColumn .infoUnit p.articleLink a {
			color: #0068B7;
		}


/* 2.News Categorize
=========================================== */
#contents .newsCategorize {
	margin: 0 0 10px;
	padding: 0 19px;
	border: 1px solid #BDBCBD;
	zoom: 1;
}

#contents .newsCategorize a {
	color: #0068B7 !important;
	outline: none;
}

	/* 2-1.Category Menu
	---------------------------------------- */
	#contents .newsCategorize ul.categoryMenu {
		position: relative;
		margin: 0 -19px 35px;
		background: url(../../images/news/categorymenu_bg_01.gif) no-repeat;
		zoom: 1
	}
	
	#contents .newsCategorize ul.categoryMenu:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
	#contents .newsCategorize ul.categoryMenu li {
		float: left;
		width: 106px;
	}
	
	#contents .newsCategorize ul.categoryMenu li.menu03,
	#contents .newsCategorize ul.categoryMenu li.menu05 {width: 107px;}
	
	#contents .newsCategorize ul.categoryMenu li a {
		display: block;
		height: 60px;
		background: no-repeat;
	}
	
	#contents .newsCategorize ul.categoryMenu li.menu01 a {background-image: url(../../images/news/categorymenu_btn_01_o.gif);}
	#contents .newsCategorize ul.categoryMenu li.menu02 a {background-image: url(../../images/news/categorymenu_btn_02_o.gif);}
	#contents .newsCategorize ul.categoryMenu li.menu03 a {background-image: url(../../images/news/categorymenu_btn_03_o.gif);}
	#contents .newsCategorize ul.categoryMenu li.menu04 a {background-image: url(../../images/news/categorymenu_btn_04_o.gif);}
	#contents .newsCategorize ul.categoryMenu li.menu05 a {background-image: url(../../images/news/categorymenu_btn_05_o.gif);}
	#contents .newsCategorize ul.categoryMenu li.menu06 a {background-image: url(../../images/news/categorymenu_btn_06_o.gif);}
	
	#contents .newsCategorize ul.categoryMenu li a:hover {
		position: relative;
	}
	
	#contents .newsCategorize ul.categoryMenu li a.active {
		background-position: 0 -60px;
	}
	
	#contents .newsCategorize ul.categoryMenu li a:hover  img,
	#contents .newsCategorize ul.categoryMenu li a.active img {
		visibility: hidden;
	}
	
	/* 2-2.News Image Column
	---------------------------------------- */
	#contents .newsCategorize .newsImageColumn {
	}
	
	#contents .newsCategorize .newsImageColumn .infoUnit {
		width: 440px;
	}
	
	#contents .newsCategorize .newsImageColumn .infoUnit .title,
	#contents .newsCategorize .newsImageColumn .infoUnit p.articleQuote,
	#contents .newsCategorize .newsImageColumn .infoUnit p.articleLink {
		margin-right: 0; /* Reset */
	}
	
	/* 2-3.Other News Listup
	---------------------------------------- */
	#contents .newsCategorize .otherNewsListup {
		margin: 0 0 7px;
		zoom: 1;
	}
	
	#contents .newsCategorize .otherNewsListup:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
		/* 2-3-1.Lead Unit
		---------------------------------------- */
		#contents .newsCategorize .otherNewsListup .leadUnit {
			float: left;
			width: 87px;
		}
		
		#contents .newsCategorize .otherNewsListup .leadUnit .title {
			margin: 0 0 2px;
			padding: 10px;
			background: #4F88B3;
			color: #FFFFFF;
			line-height: 1.335;
		}
		
		#contents .newsCategorize .otherNewsListup .leadUnit p.listupLink {
			top: 0;
			margin: 0 2px;
			text-align: left;
		}
		
		/* 2-3-2.Other News Items
		---------------------------------------- */
		#contents .newsCategorize .otherNewsListup .otherNewsItems {
			float: right;
			position: relative;
			width: 498px;
		}
		
			/* 2-3-2-1.Item List
			---------------------------------------- */
			#contents .newsCategorize .otherNewsListup .otherNewsItems .itemList {
				position: relative;
				margin: 0 18px;
				width: 462px;
				overflow: hidden;
			}
			#contents .newsCategorize .otherNewsListup .otherNewsItems .itemList:after { /* for Modern Browser */
				content: "."; display: block; clear: both; height: 0px; visibility: hidden;
			}
			
			#contents .newsCategorize .otherNewsListup .otherNewsItems .itemList ul {
				position: relative;
				width: 99999px;
				overflow: hidden;
				left: 0px;
			}
			
			#contents .newsCategorize .otherNewsListup .otherNewsItems .itemList ul li {
				float: left;
				margin: 0 3px 0 0;
				width: 120px;
			}
			
			#contents .newsCategorize .otherNewsListup .otherNewsItems .itemList ul li p.caption {
				margin: 0 2px;
			}
		
			/* 2-3-2-2.Other News Navi
			---------------------------------------- */
			#contents .newsCategorize .otherNewsListup .otherNewsItems ul.otherNewsNavi {
			}
			
			#contents .newsCategorize .otherNewsListup .otherNewsItems ul.otherNewsNavi li {
				position: absolute;
				top: 0;
				width: 18px;
			}
			
			#contents .newsCategorize .otherNewsListup .otherNewsItems ul.otherNewsNavi li.prev {left:   0;}
			#contents .newsCategorize .otherNewsListup .otherNewsItems ul.otherNewsNavi li.next {left: 480px;}
	
	/* 2-4.Category List
	---------------------------------------- */
	#contents .newsCategorize .categoryList {
		margin: 0 0 35px;
	}
	
	#contents .newsCategorize .categoryList .title {
		margin: 0 0 15px;
	}
	
	#contents .newsCategorize .categoryList ul {
		position: relative;
		margin: 0 0 -5px;
	}
	
	#contents .newsCategorize .categoryList ul li {
		margin: 0 0 7px;
		font-size: 107.8%;
		line-height: 1.286;
	}
	
	#contents .newsCategorize .categoryList ul li span.icon {
		margin: 0 0 0 6px;
	}
	/* IE6 Only */
	* html #contents .newsCategorize .categoryList ul li span.icon {
		height: 1.286em;
		zoom: 1;
	}
	
	#contents .newsCategorize .categoryList ul li span.icon img {
		margin-top: -2px;
		vertical-align: middle;
	}
	/* IE6 Only */
	* html               #contents .newsCategorize .categoryList ul li span.icon img {margin-top: 1px;}
	/* IE7 Only */
	*:first-child + html #contents .newsCategorize .categoryList ul li span.icon img {margin-top: 0;}
	
	#contents .newsCategorize .categoryList ul li span.date {
		margin: 0 0 0 6px;
		font-size: 75%;
		line-height: 1.5;
		white-space: nowrap;
	}


/* 3.Category Foot Navi
=========================================== */
#contents ul.categoryFootNavi {
}

#contents ul.categoryFootNavi li {
	display: inline;
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
	border-left: 1px solid #0068B7;
}

#contents ul.categoryFootNavi li.first {
	margin: 0; /* Reset */
	padding: 0; /* Reset */
	border: none; /* Reset */
}

#contents ul.categoryFootNavi li a {
	color: #0068B7;
	text-decoration: underline;
}

#contents ul.categoryFootNavi li a:hover {
	text-decoration: none;
}

#contents ul.categoryFootNavi li a.active {
	color: #313131;
	text-decoration: none;
}

/* 4.G plus one 
============================================= */

#contents .news_gplusone {
	position:relative;
	left:20px;
}



/*@import "http://www.mdn.co.jp/di/css/individual/yp.css";*/    /* [2010.09.27] */


/* =======================================

	Yellow Page CSS [update 2010.09.27]

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.Search Tool
		1-1.Query Menu
	
	2.Yellow Page Section
		2-1.Table05
			2-1-1.th
				2-1-1-1.address
		2-1-2.td
	
	3.Yellow Page Guideline
		3-1.Column List
		3-2.Unit
		3-3.Guide List
	
	4.Service Info
		4-1.th
		4-2.td

========================================== */

body.yellowPage #contents p {
	margin: 0 0 20px;
}

body.yellowPage #contents p.attention dfn {
	color: #FF0000;
	padding: 0 11px 0 0;
	background: url(../../images/common/ico_circle01_red01.gif) no-repeat 100% 0.167em;
}

body.yellowPage #contents a {
	color: #00479D;
	text-decoration: none;
}

body.yellowPage #contents a:hover {
	text-decoration: underline;
}

body.yellowPage #contents .pagenation {
	border-top: none; /* Reset */
}


/* 1.Search Tool
========================================== */
#contents .searchTool {
	margin: 0 0 25px;
	background-color: #EFEFEF;
}

#contents .searchTool .title {
	padding: 2px 25px 1px;
	background-color: #D0D0D0;
	color: #000000;
	font-weight: normal; /* Reset */
}

	/* 1-1.Query Menu
	---------------------------------------- */
	#contents .searchTool ul.queryMenu {
		padding: 0 5px 10px 20px;
		zoom: 1;
	}
	
	#contents .searchTool ul.queryMenu:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
	#contents .searchTool ul.queryMenu li {
		float: left;
		margin: 7px 0 0;
		padding: 0 10px;
		min-width: 67px;
		background: url(../../images/yp/querymenu_ico_02.gif) no-repeat 0 49%;
		color: #9F9FA0;
		white-space: nowrap;
	}
	/* IE6 Only */
	* html #contents .searchTool ul.queryMenu li {width: 67px;}
	
	#contents .searchTool ul.queryMenu li a {
		position: relative;
		left: -10px;
		margin: 0 -10px 0 0;
		padding: 0 0 0 10px;
		background: url(../../images/yp/querymenu_ico_01.gif) no-repeat 0 49%;
		text-decoration: none;
		zoom: 1;
	}
	
	#contents .searchTool ul.queryMenu li a:hover {
		text-decoration: underline;
	}
	
	#contents .searchTool ul.queryMenu li a.active {
		color: #0174FF;
		font-weight: bold;
	}


/* 2.Yellow Page Section
=========================================== */
#contents .ypSection {
	margin: 40px 0 50px;
}

	/* 2-1.Table05
	---------------------------------------- */
	#contents .ypSection table.table05 {
		border-top: none; /* Reset */
	}
	
		/* 2-1-1.th
		---------------------------------------- */
		#contents .ypSection table.table05 tr.head th {
			padding: 5px 13px 1px;
			background-color: #D0D0D0;
			color: #000000;
			font-size: 92.4%; /* Reset */
			line-height: 1.335; /* Reset */
		}
		
		#contents .ypSection table.table05 tr.head th.outline {
			padding-left: 30px;
		}
		
			/* 2-1-1-1.address
			---------------------------------------- */
			#contents .ypSection table.table05 tr th address {
				font-size: 100%;
				line-height: 1.994;
			}
			
			body#creative #contents .ypSection table.table05 tr th address {
				margin: 23px 0 0;
			}
			
			body#school #contents .ypSection table.table05 tr th address {
				padding: 0 0 0 1em;
			}
			
			body#school #contents .ypSection table.table05 tr th address span {
				position: relative;
				margin: 0 0 0 -1em;
			}
		
		/* 2-1-2.td
		---------------------------------------- */
		#contents .ypSection table.table05 tr td {
			padding-left: 30px;
			width: 317px;
		}
		
		#contents .ypSection table.table05 tr td address {
			font-size: 100%;
			line-height: 1.994;
		}
		
		#contents .ypSection table.table05 tr th a,
		#contents .ypSection table.table05 tr td a {
			color: #303030;
			text-decoration: underline;
		}
		
		#contents .ypSection table.table05 tr th a:hover ,
		#contents .ypSection table.table05 tr td a:hover {
			text-decoration: none;
		}


/* 3.Yellow Page Guideline
=========================================== */
#contents #ypGuideline {
	margin: 60px 0;
	padding: 10px 15px 0;
	border: 1px solid #D2D2D2;
	background-color: #FFF2CF;
	zoom: 1;
}

#contents #ypGuideline .title {
	position: relative;
	margin: 0 0 -5px;
}

#contents #ypGuideline p.notes {
	margin: 20px 0 10px;
}

	/* 3-1.Column List
	---------------------------------------- */
	#contents #ypGuideline .columnList {
		margin: 10px 0;
		zoom: 1;
	}
	
	#contents #ypGuideline .columnList:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
	#contents #ypGuideline .columnList ul {
		float: left;
		padding: 0 14px 0 0;
		width: 290px;
	}
	
	#contents #ypGuideline .columnList ul li {
		margin: 5px 0 0;
	}
	
	/* 3-2.Unit
	---------------------------------------- */
	#contents #ypGuideline .unit {
		margin: 0 0 10px;
		padding: 10px 0 0;
	}
	
	#contents #ypGuideline .unit .title {
		margin: 0 0 2px;
		font-size: 92.4%;
		line-height: 1.666;
	}
	
	/* 3-3.Guide List
	---------------------------------------- */
	#contents #ypGuideline .unit ul.guideList {
		zoom: 1;
	}
	
	#contents #ypGuideline .unit ul.guideList:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
	#contents #ypGuideline .unit ul.guideList li {
		float: left;
		padding: 0 10px 0 0;
		min-width: 72px;
		line-height: 1.666;
		white-space: nowrap;
	}
	/* IE6 Only */
	* html #contents #ypGuideline .unit ul.guideList li {width: 72px;}


/* 4.Service Info
=========================================== */
#contents table.serviceInfo {
	width: 100%;
	table-layout: fixed;
}

#contents table.serviceInfo#infoModel {margin: 0 0 20px;}

#contents table.serviceInfo tr th a,
#contents table.serviceInfo tr td a {
	color: #030303;
	text-decoration: underline;
}

#contents table.serviceInfo tr th a:hover,
#contents table.serviceInfo tr td a:hover {
	text-decoration: none;
}

	/* 4-1.th
	---------------------------------------- */
	#contents table.serviceInfo tr th {
		padding: 4px 15px 3px;
		border-bottom: 1px solid #C3C3C3;
		background: #D0D0D0 url(../../images/common/line_solid01_white.gif) repeat-y;
		vertical-align: middle;
	}
	
	#contents table.serviceInfo tr th.first {
		background-position: -1px 0;
	}
	
	#contents table.serviceInfo tr th address {
		font-size: 100%;
	}
	
	/* 4-2.td
	---------------------------------------- */
	#contents table.serviceInfo tr td {
		padding: 8px 5px 6px;
		background: #FFFFFF url(../../images/yp/serviceinfo_bg_01.gif) no-repeat 0 100%;
		text-align: center;
		vertical-align: middle;
	}
	
	#contents table.serviceInfo tr.odd td {
		border-bottom: 1px solid #C3C3C3;
		background-position: 0 0;
	}
	
	#contents table.serviceInfo tr.trSet2 td {
		background-color: #F5F5F5;
	}
	
	#contents table.serviceInfo tr td.first {
		background-position: -1px 100%;
	}
	
	#contents table.serviceInfo tr.odd td.first {
		background-position: -1px 0;
	}


/*@import "http://www.mdn.co.jp/di/css/individual/home.css";*/


/* =======================================

	Home CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.What's New
		1-1.Title01
		1-2.RSS Icon
		1-3.New Info
	
	2.Top Flash
	
	3.Index List
		3-1.Summary
	
	4.Summary

========================================== */

/* 1.What's New
========================================== */
#contents .whatsNew {
	margin: 0 0 5px;
	padding: 0 10px 2px;
	background-color: #F1F1F1;
		zoom: 1;
}

	/* 1-1.Title01
	---------------------------------------- */
	#contents .whatsNew .title01 {
		margin-right: -10px;
		margin-left:  -10px;
		padding-left: 34px;
		background-color: #A2A2A2;
	}
	
	#contents .whatsNew .title01 span {
		top: 6px;
		left: 11px;
		zoom: 1;
	}
	/* IE6 Only */
	* html               #contents .whatsNew .title01 span {top: 4px;}
	/* IE7 Only */
	*:first-child + html #contents .whatsNew .title01 span {top: 4px;}
	
	/* 1-2.RSS Icon
	---------------------------------------- */
	#contents .whatsNew p.rssIcon {
		margin-right: -4px;
	}
	
	/* 1-3.New Info
	---------------------------------------- */
	#contents .whatsNew div.newInfo {
		display:block;
		position: relative;
		margin: -7px 0 3px;
		padding: 0 10px 0px;
	}

	#contents .whatsNew div.newInfo a {
		color: #303030;
	}

/* 2.Top Flash
========================================== */
#contents #topFlash {
	margin: 0 0 20px;
	width:640;
	height:240px;
}


/* 3.Index List
========================================== */
boyd#home #contents ul.indexList {
}

#contents ul.indexList li {
}
	
	/* 3-1.Summary
	---------------------------------------- */
	#contents ul.indexList li .summary {
	}
	
	body#home #contents ul.indexList li .summary .title {
		font-size: 116.67%;
		line-height: 1.429;
	}
	
	body#home #contents ul.indexList li .summary p {
		font-size: 107.8%;
		line-height: 1.429;
	}


/* 4.Inner Fade Section
========================================== */

.inner_fade_section {
	margin-bottom:20px;
}

.inner_fade_section .fade_unit {
	width:640px;
	height:220px;
}


.inner_fade_section ul#inner_fade {
    position:absolute;
}

.inner_fade_section ul#inner_fade li {
	position:absolute;
	left:0;
	top:0;
	display:none;
}


.inner_fade_section .fade_navi {
	position: relative;
	padding: 3px 6px 0px;
	height:21px;
	width:640;
	background:url(../../images/home/home_bnrapp_bg_bottom.png) no-repeat;
}

.inner_fade_section .fade_navi ul {
	display: table;
/*	margin: 0 0 0 auto; */
	margin: 0 auto 0 auto;
	text-align: center;
}       
/* IE6 Only */
* html               .inner_fade_section .fade_navi ul {position: relative; bottom: -3px; text-align: center;}
/* IE7 Only */
*:first-child + html .inner_fade_section .fade_navi ul {position: relative; bottom: -3px; text-align: center;}

.inner_fade_section .fade_navi ul li {
	display: table-cell;
	padding: 0 0 0 5px;
}
/* IE6 Only */ 
* html               .inner_fade_section .fade_navi ul li {display: inline; zoom: 1;}
/* IE7 Only */
*:first-child + html .inner_fade_section .fade_navi ul li {display: inline; zoom: 1;}

.inner_fade_section .fade_navi ul li a {
	display: block;
	background: url(../../images/home/home_bnrapp_on.png) no-repeat;
}

.inner_fade_section .fade_navi ul li a.active {
	background-color: transparent;
}
/* IE6 Only */
* html .inner_fade_section .fade_navi ul li a:hover {position: relative;}

.inner_fade_section .fade_navi ul li a.active img {
	visibility: hidden;
}


/* cssハック for iPhone */
@media screen and (max-device-width: 480px) {

	#contents .whatsNew div.newInfo {
		position:relative;
		overflow:visible;
	}

	#contents .whatsNew div.newInfo #ticker_inner {
		font-size:80%;
		overflow:visible;
		line-height:100%;
	}
}



/* pages
========================================== */
/*@import "http://www.mdn.co.jp/di/css/pages/print_shop.css";*/ /* [2012.03.26] */


/* clearfix
========================================== */
/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.clearfix:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}



/* Base
========================================== */

.print_shop a:link { color:#000; font-weight:bold; text-decoration:underline; }
.print_shop a:visited{ color:#000; font-weight:bold; text-decoration:underline; }
.print_shop a:hover{ color:#000; font-weight:bold; text-decoration:none; }
.print_shop a:active{ color:#000; font-weight:bold; text-decoration:none; }

#contents .print_shop h2.print_shop_title {
	width:640px;
	height:93px;
	background:url(../../images/print_shop/mdnprint_title.png) no-repeat;
	font-size:1px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-bottom:10px;
}


.printTitleWrap {
	position:relative;
	}
	
.printTitleForm {
	position:absolute;
	width:171px;
	height:24px;
	top:0;
	right:0;
	}
	

	

/* Top-PR
========================================== */
.printprWrap {
	margin-bottom:15px;
}

h3.printprTitle {
	margin-bottom:5px;
	}
	
ul.printprBnr {
	overflow:hidden;
}
	
* html ul.printprBnr {
	height:1%;
}
	
ul.printprBnr li {
	width:154px;
	float:left;	
	margin-right:8px;
	}
	
ul.printprBnr li.lastChild {
	margin-right:0;
	}

div.prNewsWrap {
	margin-bottom:15px;
}

ul.prNewsTitleWrap {
	overflow:hidden;
	margin-bottom:5px;
}

* html ul.prNewsTitleWrap {
	height:1%;
	}

ul.prNewsTitleWrap li#prNewsTitle {
	width:467px;
	float:left;
	}

ul.prNewsTitleWrap li#prNewsLink {
	width:173px;
	float:left;
	}
	
ul.prNewsTxt li {
	border-bottom:1px solid #d1d1d1;
	background:url(../../images/print_shop/arrow_red.jpg) no-repeat left 14px;
	padding: 12px 0 8px 16px;
	}



/* Top-tabA
========================================== */
ul.printA_tab {
	
}

ul.printA_tab li {
	float:left;
	width:107px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
ul.printA_tab li a {
	display:block;
	width:107px;
	height:20px;
}

ul.printA_tab li#printAtab01 {background:url(../../images/print_shop/printtab01.gif) no-repeat;}
ul.printA_tab li#printAtab02 {background:url(../../images/print_shop/printtab02.gif) no-repeat;}
ul.printA_tab li#printAtab03 {background:url(../../images/print_shop/printtab03.gif) no-repeat;}
ul.printA_tab li#printAtab04 {background:url(../../images/print_shop/printtab04.gif) no-repeat;}


ul.printA_tab li#printAtab01 a.selected,
ul.printA_tab li#printAtab01 a:hover {background:url(../../images/print_shop/printtab01-over.gif) no-repeat;}
ul.printA_tab li#printAtab02 a.selected,
ul.printA_tab li#printAtab02 a:hover {background:url(../../images/print_shop/printtab02-over.gif) no-repeat;}
ul.printA_tab li#printAtab03 a.selected,
ul.printA_tab li#printAtab03 a:hover {background:url(../../images/print_shop/printtab03-over.gif) no-repeat;}
ul.printA_tab li#printAtab04 a.selected,
ul.printA_tab li#printAtab04 a:hover {background:url(../../images/print_shop/printtab04-over.gif) no-repeat;}


div.printAtab_title_01,
div.printAtab_title_02,
div.printAtab_title_03,
div.printAtab_title_04 {
	background:url(../../images/print_shop/printA_tab_title_bg.gif);
	font-weight:bold;
	padding:10px;
	font-size:108%;
}

div.printAtab_title_01 { border-top:5px solid #05b0e9;}
div.printAtab_title_02 { border-top:5px solid #ff3399;}
div.printAtab_title_03 { border-top:5px solid #ffe400;}
div.printAtab_title_04 { border-top:5px solid #000;}

/* Top-tabB
========================================== */
ul.printB_tab {
	margin:0 0 10px;
}

ul.printB_tab li {
	float:left;
	width:107px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

ul.printB_tab li a {
	display:block;
	width:107px;
	height:20px;
}

ul.printB_tab li#printBtab01 {background:url(../../images/print_shop/printtabB01.gif) no-repeat;}
ul.printB_tab li#printBtab02 {background:url(../../images/print_shop/printtabB02.gif) no-repeat;}
ul.printB_tab li#printBtab03 {background:url(../../images/print_shop/printtabB03.gif) no-repeat;}
ul.printB_tab li#printBtab04 {background:url(../../images/print_shop/printtabB04.gif) no-repeat;}


ul.printB_tab li#printBtab01 a.selected,
ul.printB_tab li#printBtab01 a:hover {background:url(../../images/print_shop/printtabB01-over.gif) no-repeat;}
ul.printB_tab li#printBtab02 a.selected,
ul.printB_tab li#printBtab02 a:hover {background:url(../../images/print_shop/printtabB02-over.gif) no-repeat;}
ul.printB_tab li#printBtab03 a.selected,
ul.printB_tab li#printBtab03 a:hover {background:url(../../images/print_shop/printtabB03-over.gif) no-repeat;}
ul.printB_tab li#printBtab04 a.selected,
ul.printB_tab li#printBtab04 a:hover {background:url(../../images/print_shop/printtabB04-over.gif) no-repeat;}


/* Top-table
========================================== */
table.printshop_list {
	margin:0; 
	border-collapse:collapse;
	border:1px solid #000;
	width:100%;
	word-break:break-all;
}

table.printshop_list td.no_border {
	border: hidden;
	border-left:1px solid #000;
}

table.printshop_back {
	background:url(../../images/print_shop/printpr_title_bg.png) repeat;
}

table.printshop_list td#printshop_bk {
	background:url(../../images/print_shop/printpr_bg.png) repeat;
}

table.printshop_list td,
table.printshop_list th {
	border:1px solid #000;
	padding:5px;
	text-align:center;
	display:table-cell;
	vertical-align: middle;
}

#print_tab_vol1 table.printshop_list th {
	background-color:#e1e8f0;
	font-weight:bold;	
}

#print_tab_vol2 table.printshop_list th {
	background-color:#f4e9ef;
	font-weight:bold;	
}

#print_tab_vol3 table.printshop_list th {
	background-color:#f2ebe1;
	font-weight:bold;	
}

#print_tab_vol4 table.printshop_list th {
	background-color:#f2ebe1;
	font-weight:bold;	
}

table.printshop_list td {

}
p.printshop_logo {
	margin-bottom:1em;
}

table.printshop_list a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
}
ul.printshop_payment {
	margin:0 auto;
	width:114px;
}
ul.printshop_payment li {
	float:left;
	margin-right:3px;
}

table.printshop_list td.featurecell {
	display:table-cell;
	vertical-align: top;
}
p.printshop_feature {
	text-align:left;
}

ul.printshop_payment_detail {
	margin-bottom:10px;
}
ul.printshop_payment_detail li {
	float:left;
	margin-right:10px;
}
ul.printshop_payment_detail li img {
	padding-right:3px;
}



/* Top-goform02
========================================== */

ul.btnForm02Wrap {
	/*border-top:1px solid #000;*/
	padding-top:10px;
	margin-bottom:20px;
	overflow:hidden;
	}
	
* html ul.btnForm02Wrap {
	height:1%;
	}
	
ul.btnForm02Wrap li.goform02Txt {
	width:374px;
	float:left;
}

ul.btnForm02Wrap li.goform02Btn {
	width:260px;
	float:right;
}

/* Top-sp Intro
========================================== */	
div.spIntroTitle {
	border-bottom:1px solid #000;
	padding-bottom:5px;
	margin-bottom:10px;
	}

p.spIntroSub {
	color:#333;
	font-weight:bold;
	font-size:123.1% !important;
	}

h3.spIntroMainTitle {
	color:#e51f8c;
	font-weight:bold;
	font-size:138.5% !important;
	}
	
ul.spIntroPart {
	margin-bottom:20px;
	border-bottom:1px solid #000; 
	padding-bottom:15px;        
}

ul.MainIndex {
	border-bottom:none;
}

ul.spIntroPart li {
	/*margin-bottom:15px;*/
	padding-left:90px;
}

ul.spIntroPart li a {font-weight:normal !important;}

ul.spIntroPart li.spIntroPart1 { background:url(../../images/print_shop/sp_panel_part1.gif) no-repeat left center; }
ul.spIntroPart li.spIntroPart2 { background:url(../../images/print_shop/sp_panel_part2.gif) no-repeat left center; }
ul.spIntroPart li.spIntroPart3 { background:url(../../images/print_shop/sp_panel_part3.gif) no-repeat left center; }
ul.spIntroPart li.spIntroPart4 { background:url(../../images/print_shop/sp_panel_part4.gif) no-repeat left center; }


div.spBtnTabWrap {
	margin-top:60px;
	}

ul.spBtnTab {
	overflow:hidden;
	margin-bottom:50px;
	}
	
* html ul.spBtnTab {
	height:1%;
	}
	
ul.spBtnTab li {
	float:left;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	}
	
ul.spBtnTab li a {
	display:block;
	height:20px;
	padding-bottom:3px;
	}
	
ul.spBtnTab li a:hover {
	border-bottom:1px solid #000;
	padding-bottom:2px;
	}
	
ul.spBtnTab li.spBtnTab01 a{
	background:url(../../images/print_shop/btnmain_home.png) no-repeat left top;
	width:54px;
	margin-right:2px;
	}
	
ul.spBtnTab li.spBtnTab02 a{
	background:url(../../images/print_shop/btnmain_about.png) no-repeat left top;
	width:201px;
	margin-right:2px;
	}
	
ul.spBtnTab li.spBtnTab03 a{
	background:url(../../images/print_shop/btnmain_form.png) no-repeat left top;
	width:129px;
	margin-right:2px;
	}
	
ul.spBtnTab li.spBtnTab04 a{
	background:url(../../images/print_shop/btnmain_tos.png) no-repeat left top;
	width:64px;
	margin-right:2px;
	}
	
ul.spBtnTab li.spBtnTab05 a{
	background:url(../../images/print_shop/btnmain_contact.png) no-repeat left top;
	width:184px;
	}
	
	
/* Sp-sptab 
========================================== */

ul.printshop_sp_tab {
	overflow:hidden;
	margin-bottom:30px;
}

* html ul.printshop_sp_tab {
	height:1%;
	}
	
ul.printshop_sp_tab li { 
	float:left;
	margin-right:2px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

ul.printshop_sp_tab li.spPartTabBg {
	background:url(../../images/print_shop/sptab_btm.png) no-repeat;
	width:252px;
	height:16px;
	}

ul.printshop_sp_tab li a {
	display:block;
	width:75px;
	height:16px;	
	}

ul.printshop_sp_tab li.spPartTab1 a { background:url(../../images/print_shop/sp_tab_part1.png) no-repeat;}
ul.printshop_sp_tab li.spPartTab2 a { background:url(../../images/print_shop/sp_tab_part2.png) no-repeat;}
ul.printshop_sp_tab li.spPartTab3 a { background:url(../../images/print_shop/sp_tab_part3.png) no-repeat;}
ul.printshop_sp_tab li.spPartTab4 a { background:url(../../images/print_shop/sp_tab_part4.png) no-repeat;}
ul.printshop_sp_tab li.spPartTop a { background:url(../../images/print_shop/sp_tab_to_top.png) no-repeat;}

ul.printshop_sp_tab li.spPartTab1 a:hover,
ul.printshop_sp_tab li.spPartTab1 .selected { background:url(../../images/print_shop/sp_tab_part1-over.png) no-repeat;}
ul.printshop_sp_tab li.spPartTab2 a:hover,
ul.printshop_sp_tab li.spPartTab2 .selected { background:url(../../images/print_shop/sp_tab_part2-over.png) no-repeat;}
ul.printshop_sp_tab li.spPartTab3 a:hover,
ul.printshop_sp_tab li.spPartTab3 .selected { background:url(../../images/print_shop/sp_tab_part3-over.png) no-repeat;}
ul.printshop_sp_tab li.spPartTab4 a:hover,
ul.printshop_sp_tab li.spPartTab4 .selected { background:url(../../images/print_shop/sp_tab_part4-over.png) no-repeat;}
ul.printshop_sp_tab li.spPartTop a:hover,
ul.printshop_sp_tab li.spPartTop .selected { background:url(../../images/print_shop/sp_tab_to_top-over.png) no-repeat;}
	
ul.printshop_sp_tab li.spPartTop {
	margin-right:0;
	}
	





/* Top-sp 
========================================== */
#printshop_sp {
	}
	
div.spMainTitleWrap {
	background:url(../../images/print_shop/sp_title_bg.png);
	margin-bottom:15px;
}

p.spMainSub {
	color:#333;
	font-weight:bold;
	font-size:123.1% !important;
	background-color:#fff;
	padding-left:15px;
}

h3.spMainTitle {
	color:#e51f8c;
	font-weight:bold;
	font-size:138.5% !important;
	padding-left:15px;
	}
	
	
#printshop_sp .sp_intro_credit {
	text-align:right;
	margin-top:1em;
}

div.spContentsTitle {
	border-bottom:1px solid #000;
	/*margin-bottom:10px;*/
	padding-bottom:5px;
	}




/* Top-sp-tab
========================================== */
div#sp_tab_wrap {
	margin-top:30px;
}
div.printshop_sp_tab_wrap {
	position:relative;
}

div.sp_tab_caution {
	color:#ff3399;
	position:absolute;
	top:25px;
	right:0;
	font-size:92.4%;
	}
	
#contents h4.sp_title_p {
	font-size:107.8%;
	margin-top:1.5em;
	margin-bottom:0.5em;
	color:#e2007e;
	border-top:1px solid #e2007e;
	padding-top:5px;
}

div.osaedokoro_wrap {
	position:relative;
	margin-top:30px;
	margin-bottom:10px;
}
div.osaedokoro_sub_title {
	font-size:108%;
	font-weight:bold;
	background:url(../../images/print_shop/sp_title_bg.png);
	color:#333;
	font-weight:bold;
	line-height:24px;
} 

div.subPadding {
	padding-left:10px;
	}

span.osaeSubTitlePart {
	margin-right:10px;
}

*:first-child+html div.osaedokoro_sub_title {
	font-size:12px; /* IE7 */
}

div.osaedokoro_title {
	font-weight:bold;
	font-size:123.1%;
	background-color:#333;
	color:#fff001;
	padding:10px;
}

div.btn_goform03 {
	position:absolute;
	top:1px;
	right:1px;
}

#contents h5.sp_title_b {
	font-size:107.8%;
	background:#e2007e url(../../images/print_shop/sp_title_b_bg.png) no-repeat;
	margin-top:1.5em;
	margin-bottom:1em;
	padding:2px 0 0 20px;
	color:#fff;
}
img.sp_img_left {
	display:block;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
ul.sp_osae_img_list li{
	float:left;
	margin-right:20px;
	padding-bottom:10px;
}
div#printshop_sp p {
	margin-bottom:1em;
}

div.btn_goform04 {
	margin:50px auto;
	width:421px;
	text-align:center;
}

div.btn_goform04 a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
}

table.offset_ondemand {
	border:1px solid #000;
	border-collapse:collapse;
	
}

table.offset_ondemand th,
table.offset_ondemand td {
	border:1px solid #000;
	padding:10px;
}

table.offset_ondemand th {
	background-color:#e7e7e7;
	font-weight:bold;
	text-align:center;
	vertical-align: middle;
}

p.sp_osae_p a img {
	border:1px solid #ff3399;
}
p.sp_osae_p a:hover img {
	border:1px solid #00b0e9;
}

/* contact.html
========================================== */
div.contact_detail_wrap{
	border:1px solid #000;
	padding:10px 15px;
	background-color:#e7e7e7;
	margin-top:20px;
	margin-right:200px;
}


/* form01_top.html
========================================== */

h3.form_title {
	margin:30px 0;
}

div.form_flow {
	margin:0 auto 30px;
	width:640px;
}

p.form_top_exp {
	text-align:center;
}

table.form_top_table {
	border-collapse:collapse;
	border:1px solid #000;
	width:400px;
	margin:20px auto;
}

table.form_top_table th,
table.form_top_table td {
	border:1px solid #000;
	padding:5px;
}

table.form_top_table th {
	background-color:#e7e7e7;
	font-weight:bold;
}
table.form_top_table .table_center {
	text-align:center;
}

/* form02_input.html
========================================== */

dl.form_input_company_list {
	border:1px solid #05b0e9;
	padding:10px 15px;
}

dl.form_input_company_list dt {
	font-weight:bold;
	font-size:107.8% !important;
	color:#05b0e9;
	margin-bottom:0.5em;
}
h4.form_input_table_title {
	font-weight:bold;
	font-size:107.8%;
	border-bottom:2px double #000;
	margin:20px 0;
}

table.form_input_table {
	border-collapse:collapse;
	borderd:1px solid #000;
	width:580px;
	margin:0 auto;
}

table.form_input_table th,
table.form_input_table td {
	border:1px solid #000;
	padding:10px;
}

table.form_input_table th {
	background-color:#e7e7e7;
	font-weight:bold;
}
table.form_input_table input {
}

.printshop_form_must {
	font-weight:bold;
	color:#ff3399;
}

p.agreement_explain {
	margin:20px 30px;
}

div.agreement_wrap {
	border:1px solid #000;
	padding:10px 15px;
	margin:0 30px 20px;
	background-color:#e7e7e7;
}
div.agreement_wrap  h4 {
	font-weight:bold;
	text-align:center;
	margin:0 0 0.5em;
}
div.agreement_inline {
	overflow-y:auto;
	height:150px;
	background-color:#fff;
	padding:10px 20px;
	font-size:92.4%;
}

div.agreement_inline h5 {
	font-weight:bold;
	margin-bottom:2em;
	text-align:center;
}
div.agreement_inline h6 {
	font-weight:bold;
	margin:1em 0 0.5em;
}
div.agreement_inline p {
	padding-left:2em;
}

div.form_agreement {
	text-align:center;
}
p.printshop_form_submit {
	text-align:center;
	margin-top:20px;
}
p.agreement_input {
	font-weight:bold;
	background-color:#e7e7e7;
	padding:5px 0;
	margin:0 180px;
}
p.printshop_form_submit input {
	
}

/* form04_thanks.html
========================================== */
p.submit_completed {
	text-align:center;
	margin:30px 0 50px;
}


p.btn_gotop {
	text-align:center;
}
p.btn_gotop a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
}

/* 2nd common
========================================== */
div.print2ndTxt p {
	margin-bottom:1em;
}


/* tos.html
========================================== */
ul.printTosLink {
	font-size:108%;
}

ul.printTosLink li {
	margin-bottom:0.5em;
	}

ul.printTosLink li a {
	background:url(../../images/print_shop/arrow_red.jpg) no-repeat left center;
	padding-left:16px;
}


/* usertos.html/adtos.html
========================================== */
ol.tosList li h4 {
	font-weight:bold;
	margin:1em 0 0.5em;
	}
	
ol.tosList li p {
	padding-left:2em;
}

p.tosDate {
	text-align:right;
	}


/* about.html
========================================== */
	
dl.aboutCaution {
	font-size:93%;
	}
	
dl.aboutCaution dt {
	margin-bottom:0.5em;
	}

#contents .prNewsTxt a {
	font-weight:normal;
}

.print_shop #infoNavigation a {
	font-weight:normal;
}



/* etc
========================================== */
.visi_collapse {
	visibility:collapse;
}


/*@import "http://www.mdn.co.jp/di/css/pages/periodic.css";*/ /* [2013.03.22] */


/* Periodic common
========================================== */

#periodicWrap a:link { color:#000; text-decoration:none; font-weight:bold; }
#periodicWrap a:visited{ color:#000; text-decoration:none; font-weight:bold; }
#periodicWrap a:hover{ color:#000; text-decoration:underline; font-weight:bold; }
#periodicWrap a:active{ color:#000; text-decoration:underline; font-weight:bold; }


/* index
========================================== */

.periodicRed {
	color:#cc0033;
	}

h2.periodicHeader {
	margin-bottom:30px;
}

ul#periodicOtoku {
	margin:20px 20px 30px;
}

ul#periodicOtoku li {
	margin-bottom:3px;
	}
	
ul#teikiProduct {
	margin-bottom:20px;
}

ul#teikiProduct li {
	border:1px solid #c4c4c4;
	padding:15px;
	overflow:hidden;	
}

* html ul#teikiProduct li {
	height:1%;
	vertical-align:bottom; /*liに隙間*/
	}

ul#teikiProduct li.periodicLastchild {
	border-top:none;
	}

div.periodicProductText {
	width:420px;
	float:left;
	}
	
div.periodicProductBtn {
	width:170px;
	float:right;
	}
	
div.periodicProductBtn a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}

.periodicProductTitle {
	font-weight:bold;
	}
	
.periodicProductDate {
	font-size:80%;
	}

.periodicProductPrice {
	color:#ff0000;
	font-weight:bold;
	}

ul.periodicCautionLink {
	margin-top:20px;
}
	
ul.periodicCautionLink li {
	margin:0 0 0.5em 0.5em;
	}
	
ul.periodicCautionLink li a {
	background:url(../../images/periodic/arrowred.gif) no-repeat 0 50%;
	padding-left:15px;
	}

div.periodicCamp {
	border:3px solid #6fba2c;
	background-color:#f3faed;
	border-radius:8px;
	-webkit-border-radius:8px;
	padding:15px 20px;
	margin:0 20px 20px;
	}
	
h3.periodicCampTitle {
	font-weight:bold;
	}
	
dl.periodicCampProduct {
	margin:2em 0 1em 1em;
	font-weight:bold;
	}
	
dl.periodicCampProduct dt {
	font-weight:bold;
	}
	
dl.periodicCampProduct dd {	
	margin-left:1em;
	}



/* howto
========================================== */

.periodicLink {
	background:url(../../images/periodic/arrowred.gif) no-repeat 0 50%;
	padding-left:15px;
}

div.periodicSection {
	margin-bottom:20px;
}

div.periodicSection h4.title01 {
	margin-bottom:1em;
	}
	
ul.periodicQ li {
	margin-bottom:0.3em;
	}
	
dl.periodicfaqWrap {
	border-bottom:1px dotted #ccc;
	}
	
dl.periodicfaqWrap dt {
	font-weight:bold;
	}
	
p.periodicQTitle {
	border-bottom: 1px solid #000;
	margin-top:20px;
}

/* 
========================================== */	
	
ol.periodicExp li{
	margin-bottom:40px;
	}
ol.periodicExp li p img {
	margin-top:10px;
	}

/* Rules
========================================== */
dl.periodicRules {
	margin-bottom:30px;
}

dl.periodicRules dt {
	border-bottom:1px solid #000;
	padding-bottom:0.2em;
	margin-bottom:0.5em;
	}

#periodicRulesFrame {
	width:90%;
	height:300px;
	overflow-y:scroll;
	border:1px solid #454545;
	padding:10px;
	margin-bottom:20px;
	}
	
	
	
/* reserve
========================================== */
table.ReserveList {
	border-collapse:collapse;	
}

table.ReserveList td,
table.ReserveList th {
	border:1px solid #ccc;
	padding:5px;
}

table.ReserveList th {
	background-color:#eee;
	font-weight:bold;
	text-align:center;
}

.reservePrice {
	color:#ff0000;
}

p.reserveBtn {
	background:url(../../images/periodic/arrowred.gif) no-repeat 0 50%;
	padding-left:10px;
}


/*@import "pages/pagejack.css";*/ /* [2013.03.22] */



body {
	background-image: none!important;
	background: #FFF;
}

/*--------------------------------------------------
global Header
---------------------------------------------------*/
#headWrap{
background:#FFF;
min-height:98px;
height:98px;
}
* html #headWrap {
height:105px;
overflow: hidden;
}
#headWrap #header{
height:55px;
margin:10px auto;
}
#headWrap #assistWrap{
border-top:3px solid #000;
margin-bottom: 0;
overflow: hidden;
height: 30px;
}

#headWrap #readArea{
text-align:right;
vertical-align:middle;
margin-top:-55px;
}
#headWrap #readArea img{
vertical-align:middle;
}		
#headWrap #readArea img.mar02{
margin-right:280px;
}

#headWrap #userAssist {
/zoom: 1;
overflow: hidden;
padding: 5px 0 5px 5px;
}

#headWrap .addTools {
float: right;
height:20px;
text-align: right;
}

#headWrap .addTools li {
float: left;
height: 20px;
line-height: 20px;
}

#headWrap .addTools li + li { margin: 0 0 0 5px;}
#headWrap .addTools li img { vertical-align: middle;}

/*--------------------------------------------------
#Wrap
---------------------------------------------------*/
#Wrap {
	color: #000;
	font-family: "Hiragino Kaku Gothic Pro", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "繝｡繧､繝ｪ繧ｪ", "Meiryo", "・ｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け", sans-serif;
	line-height: 1.7;
	font-size: 14px;
	width: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #Wrap {
       margin-top: 25px;
    }
}
#WrapInner {
	width: 960px;
	padding: 0 0 15px 0;
	margin: 0 auto;
	background: #FFF;
}
	#Wrap a {
		
		text-decoration: none;
		outline: none;
	}
	#Wrap a:hover {
		text-decoration: underline;
	}
	#Wrap strong {
		font-weight: bold;
	}

#headerWrapper {
	border-bottom: 4px solid #0070CA;
    border-top: 4px solid #0070CA;
    height: 270px;
    padding: 20px 0;
    margin-bottom: 20px;
}

/*--------------------------------------------------
#ReadArea
---------------------------------------------------*/
#ReadAreaWrapper {
	background: url(images/bg_img_header.jpg) 0 0 repeat-x;
}
#ReadArea {
	width: 1000px;
	margin: 20px auto 0;
	position: relative;
}
#ReadArea p {
	position: absolute;
	bottom: 24px;
	left: 36px;
}
	#ReadArea .text.nth01,
	#ReadArea .text.nth02 {
		height: 0;
		overflow: hidden;
		_zoom: 1;
	}
	#ReadArea .text.nth01 {
		width: 960px;
		padding-top: 465px;
		background: url(http://www.mdn.co.jp/special//201311/img/splash_img.jpg) 0 0 no-repeat;
	}
	#ReadArea .text.nth02 {
		width: 960px;
		padding-top: 150px;
		background: url(http://www.mdn.co.jp/special//201311/img/splash_txt.gif) 0 0 no-repeat;
	}
	#ReadArea p {
			/*float: left;*/
	}
	#ReadArea img {
			/*float: left;*/
			/*padding-right: 20px;
			padding-left: 20px;*/
	}
#bookArea {
	width: 200px;
	/*float:left;*/
	padding-top: 14px;
}
/*--------------------------------------------------
#ContentArea
---------------------------------------------------*/
#ContentArea {}
	#ContentArea h3,
	#ContentArea h4 {
		display: block;
		margin: 0 0 20px 0;
		clear: both;
	}
	#ContentArea p {
	}
	#ContentArea p + p {
		margin-top: 1em;
	}
	#ContentArea .lineB {
		border-bottom: #D9D9D9 solid 1px;
		padding-bottom: 10px;
	}
	#ContentArea .block {
		overflow: hidden;
		_zoom: 1;
	}
	#ContentArea .block.left {
		width:580px;
		float: left;
	}
	#ContentArea .block.right {
		width:580px;
		float: right;
	}

	#ContentArea .block.full {
		width:960px;
		/*float: left;*/
		overflow: hidden;
		_zoom: 1;
	}
	#ContentArea .aside {
		width: 300px;
		margin-top: 10px;
		padding: 20px;
		background: #eee;
	}
		#ContentArea .aside p {
			font-size: 12px;
		}

	#ContentArea .p01_box01 {
		margin-bottom: 50px;
	}
	#ContentArea .p01_box02 {
		margin-bottom: 50px;
	}	
	#ContentArea .p01_box03 {
		width: 640px;
		float: left;
	}
		#ContentArea .p01_box03 .movieBox {
			background: url(../img/movie_bg.gif) 0 0 repeat;
			padding: 35px 40px;
		}
	#ContentArea .p01_box04 {
		width: 720px;
		clear: both;
		margin: 40px auto;
		/*
		margin: auto;
		padding: 20px;
		background: #f1e9e0;
		border: solid 1px #cfc2b4;
		color: #333;*/

		padding: 30px 33px 28px 30px;
	background: #fff;
	color: #333;
	border: solid 8px #027FDC;
	}
		#ContentArea .p01_box04 h4 {
			margin-bottom: 20px;
		}
		#ContentArea .p01_box04 a {
			color: #51ad45;
			text-decoration: underline;
		}
		#ContentArea .p01_box04 a:hover {
			text-decoration: none;
		}

/*--------------------------------------------------
#FootArea
---------------------------------------------------*/
#FooterArea {
	padding: 40px 33px 30px 30px;
	background: #fff;
	color: #333;
	border: solid 4px #027FDC;
}
	#FooterArea .image {
		width: 200px;
		float: left;
	}
	#FooterArea .text {
		float: right;
		width: 667px;
	
	}
		#FooterArea .text p {
			margin-bottom: 1em;
		}
		#FooterArea .text p + p {
			font-size: 12px;
		}
		#FooterArea .text dl {
			display: block;
			font-size: 12px;
		}
			#FooterArea .text dl dt {
				display: block;
				background: #594C3C;
				color: #fff;
				padding: 4px 15px 2px;
				font-weight: bold;
			}
			#FooterArea .text dl dd {
				display: block;
				background: #F1E9E0;
				padding: 10px 15px;
			}

/*------------------------------------------------
Default
------------------------------------------------*/
/* float */
.clearfix{ /zoom : 1; clear : both;}
.clearfix:after{
content : '';
display : block;
clear : both;
}
.floatL {
float: left;
}
.floatR {
float: right;
}
.alingC {
	text-align: center;
}
.block {
overflow: hidden;
_zoom: 1;
}
/* .squash */
.squash{
height: 0;
padding: 0;
overflow: hidden;
font-size: 0;
line-height: 0;
}
/* #footer */
#footer {
border-top: #C7C7C7 solid 1px;
background: #FFF;
padding: 20px 0 15px 0;
}

/* font-size ---------------*/
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }

/* margin ---------------*/
.marginR5{ margin-right:5px !important; }
.marginL5{ margin-left:5px !important; }
.marginR10{ margin-right:10px !important; }
.marginL10{ margin-left:10px !important; }
.marginR20{ margin-right:20px !important; }
.marginL20{ margin-left:20px !important; }
.marginR30{ margin-right:30px !important; }
.marginL30{ margin-left:30px !important; }
.marginR60{ margin-right:30px !important; }
.marginL60{ margin-left:30px !important; }
.marginB0{ margin-bottom:0 !important; }
.marginB5{ margin-bottom:5px !important; }
.marginB10{ margin-bottom:10px !important; }
.marginB15{ margin-bottom:15px !important; }
.marginB20{ margin-bottom:20px !important; }
.marginB30{ margin-bottom:30px !important; }
.marginB40{ margin-bottom:40px !important; }
.marginB50{ margin-bottom:40px !important; }
.marginB60{ margin-bottom:60px !important; }
.marginB70{ margin-bottom:70px !important; }
.marginB80{ margin-bottom:80px !important; }
.marginT0{ margin-top:0 !important; }
.marginT5{ margin-top:5px !important; }
.marginT10{ margin-top:10px !important; }
.marginT15{ margin-top:15px !important; }
.marginT20{ margin-top:20px !important; }
.marginT25{ margin-top:25px !important; }
.marginT30{ margin-top:30px !important; }


/*ここから*/

h2 {
	margin-bottom: 20px;
	padding: 10px 0;
	color: #444;
	font-size: 32px;
	font-weight: bold;
	border-bottom: solid 1px #bbb;
	line-height: 1.3;
}
h3 {
	padding: 8px 10px 8px 63px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	width: 887px;
}
h3.seminar {
	padding-left: 10px;
	width: 960px;
}
.p01_box04 h3 {
	padding: 0 0 8px;
	color: #027FDC;
	border-bottom: solid 4px #027FDC;
	width: 100%;
}
#ContentArea .p01_box04 h3 {
	margin-bottom: 10px;
	text-align: center;
	font-size: 144%;
}
.p01_box04 {
	margin-bottom: 20px;
}
.p01_box04 table {
	width: 100%;
	margin: 20px 0;
	padding-bottom: 20px;
}
.p01_box04 th,
.p01_box04 td {
	padding: 10px;
	border: solid 1px #ddd;
	font-weight: bold;
}
.p01_box04 th {
	text-align: right;
	width: 25%;
	background: #eaf2f7;
}
.p01_box04 td {
	background: #fff;
}
h3 span {
	display: block;
	position: absolute;
	padding: 8px 13px;
	background: #fff;
	border: solid 4px #111;
	font-size: 20px;
	top: -6px;
	left: 5px;
}
h3.blue {
	background: #0070ca; 
}
h3.blue span {
	color: #027FDC;
	border-color: #027FDC;
}
h3.orange {
	background: #ff6c00;
	padding: 20px 0;
	font-size: 170%;
	text-align: center;
	margin-bottom: 10px;
}
h3.orange span {
	color: #ff6c00;
	border-color: #ff6c00;
}
h3.green {
	background: #76ce35;
}
h3.green span {
	color: #76ce35;
	border-color: #76ce35;
}
h3.border {
	color: #666;
	border-top: solid 1px #666;
	border-bottom: solid 1px #666;
	font-weight: normal;
}
p {
	clear: both;
	margin: 20px 0 20px;
	padding: 0;
}
#ContentArea p img {
	vertical-align: top;
}
p.q {
	color: #009e04;
	font-weight: bold;
}
p span.name {
	font-weight: bold;
	color: #027FDC;
	float: left;
	overflow: hidden;
}
p.q span.name {
	color: #009e04;
}
p span.speak {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}
p span.speak.three {
	width: 848px;
}
p span.bold {
	font-weight: bold;
}
p .alignleft {
	margin-bottom: 40px;
	margin-right: 9px;
	float: left;
	overflow: hidden;
}
p .alignright {
	margin-bottom: 40px;
	margin-left: 9px;
	float: right;
	overflow: hidden;
}
p .notice {
	font-size: 80%;
	font-weight: bold;
	color: #FF1D48;
	vertical-align: top;
	padding: 0 2px;
}
p.lineB .notice {
	font-size: 100%;
	color: #FF1D48;
	vertical-align: baseline;
	padding: 0;
}
p.comment-area {
	padding: 10px;
	background: #eee;
}
#Wrap #ContentArea a:link,
#Wrap #ContentArea a:visited {
	color: #ff1d48;
	display: block;
}
.voice {
	padding: 10px;
	background: #eee;
}
.voice ul {
	margin-left: 15px;
}
.voice ul li {
	list-style-type: disc;
	color: #444;
	font-weight: bold;
	margin: 12px;
}
.top-photo {
		text-align: center;
		margin-bottom: 40px;
		position: relative;
}
.top-photo .book {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 10px;
}
.top-photo .caption {
	text-align: left;
	margin-top: 6px;
}
.css3button {
	display: block;
	width: 340px;
	margin: 10px auto 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff!important;
	font-weight: bold!important;
	text-decoration: none!important;
	text-align: center;
	padding: 10px 20px;
	background-color: #FF6C00;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #de5c00;
}
.css3button:hover {
	background: #ff791a;
}
.css3button span {
	font-size: 12px;
	font-weight: normal;
}
.jump {
	width: 960px;
	clear: both;
	margin-top: 20px;
}
.jump a.css3button {
	width: 120px;
	display: block;
	margin-left: 0;
	padding: 8px 10px 8px 15px;
	font-size: 16px;
	text-align: left;
	background: url(images/arrow_jump.png) no-repeat #FF6C00 114px 6px;
}
.jump a.css3button:hover {
	background-color: #ff791a;
}
.aside p {
	margin: 10px 0;
}
div.comment {
	width: 760px;
	clear: both;
	margin: auto;
	font-size: 150%;
	font-weight: bold;
	color: red;
	text-align: center; 
}