/***********************************************************************/
/* for medicounter.jp (MediCounterWeb)                                 */
/* written by math on 08.12.03                                         */
/* start to arrange by math on 09.02.17                                */
/* arrange for iphone on 10.08.03                                      */
/***********************************************************************/

/***************************************************
  List of Colors
 ***************************************************/
/* Background Color White : #FFFFFF : 255,255,255 */
/* Background Color Pale Blue : #F0F2F5 : 240,242,245 */
/* Background Color Warm White: #E4E5D7 : 228,229,215 */

/* Border Color Pale Blue Google : #C9D7F1 : 201,215,241 */

/* Block BG Color A    : #EFEFEF : 239,239,239 */
/* Block BG Color B  : #999999 : 153,153,153 */
/* Block BG Color C  : #0490D3 :   4,144,211 */

/* Title Text Color  : #999999 : 153,153,153 */
/* Normal Text Color : #666666 : 102,102,102 */
/* SiteInfo Text Color : #FFFFFF : 255,255,255 */
/* Linked Text Color : #0689D0 :   6,137,208 */
/* Visited Text Color : #0689D0 :   6,137,208 */
/* Active Text Color : #0689D0 :   6,137,208 */
/* Hover Text Color : #3B9CD1 :  59,156,209 */
/* Category Linked Text Color : #FF8D20 : 255,141, 32 */
/* Category Hover Text Color : #FFA047 : 255,160, 71 */

/***************************************************
  Normalizes
 ***************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin : 0 auto; padding : 0; }

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

ol,ul { list-style : none; }

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

table { border-collapse : collapse; border-spacing : 0; }

fieldset,img { border : 0; }

caption,th { text-align : left; }

q:before, q:after { content :''; }

h1,h2,h3,h4,h5,h6,p,a,li { font-weight:normal; }


/***************************************************
  Define General Stuff
 ***************************************************/
/* linked text */
a:link {
	color: #0689D0;
	text-decoration: none;
}
a:visited {
	color: #0689D0;
	text-decoration: none;
}
a:active {
	color: #0689D0;
	text-decoration: none;
}
a:hover {
	color: #3B9CD1;
	text-decoration: underline;
}

/* headings */
h1 {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
h2 {
	font-size: 13px;
	font-weight: normal;
}
h3 {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
h4 {
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}

/* decoration */
strong {
	font-weight: bold;
}

/* lists */
li.red {
	text-align: left;
	list-style-type: disc;
	list-style-image: url(assets/images/contents_icon03.gif);
	list-style-position: outside;
	margin-left: 24px;
	margin-top: 12px;
}
li.green {
	text-align: left;
	list-style-type: disc;
	list-style-image: url(assets/images/contents_icon02.gif);
	list-style-position: outside;
	margin-left: 24px;
}
li.blue {
	text-align: left;
	list-style-type: disc;
	list-style-image: url(assets/images/contents_icon01.gif);
	list-style-position: outside;
	margin-left: 24px;
}
li.new {
	text-align: left;
	list-style-type: disc;
	list-style-image: url(assets/images/mdc_new32x16.png);
	list-style-position: outside;
	margin-left: 24px;
	border-style: dotted;
	border-color: #585858;
	border-width: 0 0 1px 0;
	padding: 0 0 20px 0;
	font-weight: bold;
}
li.old {
	text-align: left;
	list-style-type: none;
	list-style-position: outside;
	margin-left: 24px;
	border-style: dotted;
	border-color: #585858;
	border-width: 0 0 1px 0;
	padding: 0 0 20px 0;
/*
	padding: 0 0 20px 54px;
*/
	font-weight: bold;
}
li.app_iphone {
	text-align: left;
	list-style-type: none;
	list-style-position: outside;
	margin-left: 2px;
	border-style: dotted;
	border-color: #585858;
	border-width: 0 0 1px 0;
	padding: 0 0 20px 0;
}
div.apptitle{
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}
p.appicon{
	margin: 0 4px 0 0;
	padding: 0;
	float: left;
}
p.applink{
	margin: auto 0;
	padding: 0;
	float: right;
	text-align: center;
}
p.apptext{
	margin: 0;
	paddin: 0;
	font-size: 10px;
}

/***************************************************
  html and body
 ***************************************************/
html {
	font-family: verdana, arial, helvetica, sans-serif, ＭＳ Ｐゴシック;
}

body {
	background: #FFFFFF;
	color: #666666;
}


/***************************************************
  Branding Area
 ***************************************************/
/* ===== GLOBAL NAVIGATION ===== */
div#global-navi {
	overflow: hidden;
	width: 100%;
	font-size: 12px;
}
div#global-navi table {
	float: right;
	height: 16px;
	margin: 8px 24px 8px 0;
}
div#global-navi td {
	text-align: center;
	padding: 0 16px;
	border-left: 1px solid #0689D0;
}
div#global-navi td.first {
	border: 0;
}
div#global-navi p {
        height: 16px;
	margin: 8px 24px 8px 24px;
	padding: 0 16px;
}

/* ===== BRANDING BAR ===== */
div#branding {
	width: 960px;
	height: 60px;
	background: url(assets/images/mdc_branding_bar_w_960x60.png) no-repeat bottom;
	margin: 0 auto;
	padding: 0;
}
div#branding-nid {
	width: 960px;
	height: 60px;
	background: url(assets/images/mdc_branding_bar_nid_960x60.png) no-repeat bottom;
	margin: 0 auto;
	padding: 0;
}
div#branding-iphone {
	width: 480px;
	height: 60px;
	background: url(assets/images/iphone/mdc_branding_bar_iphn_480x60.png) no-repeat bottom;
	margin: 0 auto;
	padding: 0;
}
div#branding-ipad {
	width: 768px;
	height: 60px;
	background: url(assets/images/iphone/mdc_branding_bar_ipad_768x60.png) no-repeat bottom;
	margin: 0 auto;
	padding: 0;
}
div#google_search {
	float: right;
	margin-top: 19px;
	margin-right: 8px;
}
img#logo_mdc {
	float: left;
	margin: 0;
}
img#right_logo_iphn {
	float: right;
	margin: 0;
}

/* ===== Main Menu ===== */
div#mainmenu { 
	overflow: hidden;
	width: 960px;
	height: 32px;
	font-size: 12px;
        margin: 16px auto 0;
        padding: 0;
}
div#mainmenu ul {
	list-style-type: none;
        display: block;
	margin: 0;
	padding: 0;
}
div#mainmenu li {
	float: left;
	margin: 0 auto;
	padding: 0;
}
div#mainmenu a {
        background: url(assets/images/mdc_main_menu_bg_left_w_10x32.png) no-repeat top left;
        display: block;
	float: left;
        line-height: 23px;
        height: 32px;
	margin-right: 12px;
	padding-left: 10px;
	text-decoration: none;
        font-weight: bold;
        color: #000000;
}
div#mainmenu a span{
        background: url(assets/images/mdc_main_menu_bg_right_w_242x32.png) no-repeat top right;
        display: block;
        padding: 4px 10px 6px 0;
}
div#mainmenu a:hover {
        background: url(assets/images/mdc_main_menu_bg_left_orange_10x32.png) no-repeat top left;
        color: #FFFFFF;
        text-decoration: underline;
}
div#mainmenu a:hover span{
        background: url(assets/images/mdc_main_menu_bg_right_orange_242x32.png) no-repeat top right;
}

/* ===== Tutorial Navigation Box ====== */
div.tutorial-navi {
	color: #4e8a7f;
}
div.tutorial-navi ul {
	padding-left: 0px;
	margin: 0 0 0 0;
	list-style-position: inside;
}
div.tutorial-navi li.lv1 {
	background: url(assets/images/mdc_navi_lv1_bg_236x32.png) no-repeat top;
	color: #ffffff;
	text-align: center;
	list-style-type: none;
	margin: 0;
	padding: 0px 12px 6px 12px;
	list-style-type: none;
}
div.tutorial-navi li.lv1 a {
	line-height: 38px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}
div.tutorial-navi li.lv2 {
	margin: 2px 0 0 0;
	text-align: left;
	border-bottom: 1px dotted #A8CBE9;
	list-style-type: disc;
	list-style-image: url(assets/images/contents_icon01.gif);
}
div.tutorial-navi li.lv2 a{
	color: #0689D0;
	line-height: 24px;
	font-size: 12px;
	font-weight: normal;
}
div.tutorial-navi li.lv3 {
	margin: 0 0 0 10px;
	text-align: left;
	border-bottom: 1px dotted #A8CBE9;
	list-style-type: disc;
	list-style-image: url(assets/images/contents_icon01.gif);
}
div.tutorial-navi li.lv3 a{
	color: #0689D0;
	line-height: 24px;
	font-size: 12px;
	font-weight: normal;
}
div.tutorial-navi img{
	margin: 6px 0 0 0;
}

/* ===== Faq Navigation Box ====== */
div.faq-navi ul {
	padding-left: 0px;
	margin: 0 0 0 0;
	list-style-position: inside;
}
div.faq-navi li.lv1 {
	text-align: left;
	list-style-type: disc;
	list-style-image: url(assets/images/contents_icon02.gif);
	list-style-position: outside;
	margin-left: 24px;
}
div.faq-navi li.lv1 a {
	color: #0689D0;
	font-size: 12px;
	font-weight: bold;
}
div.faq-navi li.lv2 {
	margin: 0 0 0 10px;
	text-align: left;
	list-style-image: url(assets/images/contents_icon01.gif);
	list-style-position: outside;
	list-style-type: disc;
}
div.faq-navi li.lv2 a{
	color: #0689D0;
	font-size: 10px;
	font-weight: normal;
}
div.faq-navi li.lv3 {
	margin: 0 0 0 10px;
	text-align: left;
	list-style-position: outside;
	list-style-type: none;
}
div.faq-navi li.lv3 a{
	color: #0689D0;
	font-size: 10px;
	font-weight: normal;
}
div.faq-navi img{
	margin: 6px 0 0 0;
}

/* ===== Faq List Page Box ====== */
div.faq-page li.lv1 {
	text-align: left;
	list-style-type: disc;
	list-style-image: url(assets/images/contents_icon01.gif);
	list-style-position: outside;
	margin-left: 24px;
}
div.faq-page li.lv1 a {
	color: #0689D0;
	font-size: 12px;
	font-weight: bold;
}
div.faq-page li.lv2 {
	margin: 0 0 0 10px;
	text-align: left;
	list-style-image: url(assets/images/contents_icon03.gif);
	list-style-position: outside;
	list-style-type: disc;
}
div.faq-page li.lv2 a{
	color: #0689D0;
	font-size: 10px;
	font-weight: normal;
}

/* ===== Navigation-side --TEMPORARY--  ===== */
div.navigation {
	color: #4e8a7f;
}
div.navigation ul {
	padding-left: 0px;
	margin: 0 0 0 0;
	list-style-position: inside;
}
div.navigation li.lv1 {
	background: url(assets/images/mdc_navi_lv1_bg.png) no-repeat top;
	color: #ffffff;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
}
div.navigation li.lv1 a {
	line-height: 38px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}
div.navigation li.lv2 {
	margin: 2px 0 0 0;
	color: #4e8a7f;
	text-align: left;
	border-bottom: 1px dotted #A8CBE9;
	list-style-type: disc;
	list-style-image: url(assets/images/contents_icon01.gif);
}
div.navigation li.lv2 a{
	color: #4e8a7f;
	line-height: 24px;
	font-size: 12px;
	font-weight: normal;
}
div.navigation li.lv3 {
	margin: 0 0 0 10px;
	color: #4e8a7f;
	text-align: left;
	border-bottom: 1px dotted #A8CBE9;
	list-style-type: disc;
	list-style-image: url(assets/images/contents_icon01.gif);
}
div.navigation li.lv3 a{
	color: #4e8a7f;
	line-height: 24px;
	font-size: 12px;
	font-weight: normal;
}
div.navigation img{
	margin: 6px 0 0 0;
}

/***************************************************
  Contents Area
 ***************************************************/
/* ===== CONTENT MAIN ===== */
div#content-main {
 	overflow: hidden;
	width: 960px;
	display: block;
	margin: 0 auto;
}
div#content-main-iphone {
 	overflow: hidden;
	width: 480px;
	display: block;
	margin: 0 auto;
}
div#content-main-ipad {
 	overflow: hidden;
	width: 768px;
	display: block;
	margin: 0 auto;
}

/* ===== CONTENT HEADER ===== */
/* ----- full 960px ----- */
div#contents-header-960 {
	overflow: hidden;
	margin: 0;
	padding: 16px 0 0 0;
}
div#contents-header-960 h1 {
	display: block;
	margin: 0;
	padding: 16px 24px 16px 24px;
	text-align: left;
/*	background: #0490D3; */
	border-width: 1px;
	border-style: solid;
	border-color: #036D9E;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#5B6F8D,EndColorStr=#224272);
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA4CAYAAAA8YJLsAAAA4UlEQVQYlS3ExVICAABF0fctdtc4DGNLd7eiohiouKC7QeqfrxvP4ij1s0TJ/BIl8gsU/16g2NccRT/nKJKboXBuhkIfUxR8n6LA2xT5X3+RLztB3uwEeV4myP08Rq7MGDkzI+R4GiH74xDZHobImh4gS3qAzPd9ZLrro9tUD90ke+g62UVXiS66jHfQRayDzqNtdBZpI2OkhYzhFjKEmsgQbKLTQOO/E38DHfvq6MhbR4eeGjrw1NC+u4r2XFW066ygHUcFbTvKaMteRpu2EtqwltC6pYjWLEW0ai6gFVOBPwHodHHPLDzKAAAAAElFTkSuQmCC");
	background-repeat:repeat-x;
	background-color:#224272;
        -moz-border-radius: 4px;
}
div#contents-header-960 h2 {
	display: block;
	margin: 0;
	padding: 8px 16px 0 16px;
	text-align: left;
}
div#contents-header-960 h3 {
	display: block;
	margin: 0;
	padding: 16px 24px 16px 24px;
	text-align: left;
/*	background: #FFFFFF; */
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#F0F0F0,EndColorStr=#FFFFFF);
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAqCAYAAAByfjF8AAAAQ0lEQVQImU3EMRLAIAgEQP//WgRFQMQ0zuS22EZEt/313jFmxkTkNcbA5pyYqmJrrZeZYe6ORQS298Yy83XOwaoK+gCFU6NmvoiYfQAAAABJRU5ErkJggg==");
	background-repeat:repeat-x;
	background-color:#FFFFFF;
        -moz-border-radius: 4px;
}
/* ----- 3/4 720 ----- */
div#contents-header-720 {
	overflow: hidden;
	width: 720px;
	margin: 0;
	padding: 16px 0 16px 0;
}
div#contents-header-720 h1 {
	display: block;
	margin: 0;
	padding: 16px 24px 16px 24px;
	text-align: left;
/*	background: #0490D3; */
	border-width: 1px;
	border-style: solid;
	border-color: #036D9E;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#5B6F8D,EndColorStr=#224272);
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA4CAYAAAA8YJLsAAAA4UlEQVQYlS3ExVICAABF0fctdtc4DGNLd7eiohiouKC7QeqfrxvP4ij1s0TJ/BIl8gsU/16g2NccRT/nKJKboXBuhkIfUxR8n6LA2xT5X3+RLztB3uwEeV4myP08Rq7MGDkzI+R4GiH74xDZHobImh4gS3qAzPd9ZLrro9tUD90ke+g62UVXiS66jHfQRayDzqNtdBZpI2OkhYzhFjKEmsgQbKLTQOO/E38DHfvq6MhbR4eeGjrw1NC+u4r2XFW066ygHUcFbTvKaMteRpu2EtqwltC6pYjWLEW0ai6gFVOBPwHodHHPLDzKAAAAAElFTkSuQmCC");
	background-repeat:repeat-x;
	background-color:#224272;
        -moz-border-radius: 4px;
}
div#contents-header-720 h2 {
	display: block;
	margin: 0;
	padding: 8px 16px 0 16px;
	text-align: left;
}
div#contents-header-720 h3 {
	display: block;
	margin: 0;
	padding: 16px 24px 16px 24px;
	text-align: left;
	background: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
        -moz-border-radius: 4px;
}
/* ----- 420px for iPhone----- */
div#contents-header-420 {
	overflow: hidden;
	width: 420px;
	margin: 0 auto;
	padding: 16px 0 0 0;
}
div#contents-header-420 h1 {
	display: block;
	color: #666666;
	margin: 0;
	height: 60px;
  padding: 20px 24px 0px 24px;
	text-align: left;
/*	background: #0490D3; */
/*	border-width: 1px; */
/*	border-style: solid; */
/*	border-color: #036D9E; */
/*	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#5B6F8D,EndColorStr=#224272); */
/*	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA4CAYAAAA8YJLsAAAA4UlEQVQYlS3ExVICAABF0fctdtc4DGNLd7eiohiouKC7QeqfrxvP4ij1s0TJ/BIl8gsU/16g2NccRT/nKJKboXBuhkIfUxR8n6LA2xT5X3+RLztB3uwEeV4myP08Rq7MGDkzI+R4GiH74xDZHobImh4gS3qAzPd9ZLrro9tUD90ke+g62UVXiS66jHfQRayDzqNtdBZpI2OkhYzhFjKEmsgQbKLTQOO/E38DHfvq6MhbR4eeGjrw1NC+u4r2XFW066ygHUcFbTvKaMteRpu2EtqwltC6pYjWLEW0ai6gFVOBPwHodHHPLDzKAAAAAElFTkSuQmCC"); */
/*	background-repeat:repeat-x; */
/*	background-color:#224272; */
/*        -moz-border-radius: 4px; */
	background-image:url("assets/images/iphone/mdc_title_bar_iphn_420x60.png");
	background-repeat:no-repeat;
}
div#contents-header-420 h2 {
	display: block;
	margin: 0;
	padding: 0px 16px 0 16px;
	text-align: left;
}
div#contents-header-420 h3 {
	display: block;
	margin: -16px 0 0 0;
	padding: 16px 24px 16px 24px;
	text-align: left;
	background: #FFFFFF;

	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
/*
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#F0F0F0,EndColorStr=#FFFFFF);
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAqCAYAAAByfjF8AAAAQ0lEQVQImU3EMRLAIAgEQP//WgRFQMQ0zuS22EZEt/313jFmxkTkNcbA5pyYqmJrrZeZYe6ORQS298Yy83XOwaoK+gCFU6NmvoiYfQAAAABJRU5ErkJggg==");
	background-repeat:repeat-x;
	background-color:#FFFFFF;
        -moz-border-radius: 4px;
*/
}
/* ----- 1/4 240px ----- */
div#contents-header-240 {
	overflow: hidden;
	width: 240px;
	margin: 0;
	padding: 16px 0 0 0;
}
div#contents-header-240 h1 {
	display: block;
	margin: 0;
	padding: 16px 24px 16px 24px;
	text-align: left;
	border-width: 1px;
	border-style: solid;
	border-color: #036D9E;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#5B6F8D,EndColorStr=#224272);
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA4CAYAAAA8YJLsAAAA4UlEQVQYlS3ExVICAABF0fctdtc4DGNLd7eiohiouKC7QeqfrxvP4ij1s0TJ/BIl8gsU/16g2NccRT/nKJKboXBuhkIfUxR8n6LA2xT5X3+RLztB3uwEeV4myP08Rq7MGDkzI+R4GiH74xDZHobImh4gS3qAzPd9ZLrro9tUD90ke+g62UVXiS66jHfQRayDzqNtdBZpI2OkhYzhFjKEmsgQbKLTQOO/E38DHfvq6MhbR4eeGjrw1NC+u4r2XFW066ygHUcFbTvKaMteRpu2EtqwltC6pYjWLEW0ai6gFVOBPwHodHHPLDzKAAAAAElFTkSuQmCC");
	background-repeat:repeat-x;
	background-color:#224272;
        -moz-border-radius: 4px;
}
div#contents-header-240 h2 {
	display: block;
	margin: 0;
	padding: 8px 16px 0 16px;
	text-align: left;
}
div#contents-header-240 h3 {
	display: block;
	margin: 0;
	padding: 16px 24px 16px 24px;
	text-align: left;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#F0F0F0,EndColorStr=#FFFFFF);
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAqCAYAAAByfjF8AAAAQ0lEQVQImU3EMRLAIAgEQP//WgRFQMQ0zuS22EZEt/313jFmxkTkNcbA5pyYqmJrrZeZYe6ORQS298Yy83XOwaoK+gCFU6NmvoiYfQAAAABJRU5ErkJggg==");
	background-repeat:repeat-x;
	background-color:#FFFFFF;
        -moz-border-radius: 4px;
}

/* ===== CONTENT BOX ===== */
/* --- full size --- */
div.contents-box-960 {
	overlow: hidden;
	margin: 16px 0 0 0;
	padding: 0;
	text-align: left;
}
/* --- 5/6 size --- */
div.contents-box-800-left {
	overlow: hidden;
	float: left;
	margin: 16px 2px 0 0;
	width: 796px;
	padding: 0;
	text-align: left;
}
div.contents-box-800-right {
	overlow: hidden;
	float: right;
	margin: 16px 0 0 2px;
	width: 796px;
	padding: 0;
	text-align: left;
}
/* --- 4/5 size --- */
div.contents-box-768-left {
	overlow: hidden;
	float: left;
	margin: 16px 2px 0 0;
	width: 764px;
	padding: 0;
	text-align: left;
}
div.contents-box-768-right {
	overlow: hidden;
	float: right;
	margin: 16px 0 0 2px;
	width: 764px;
	padding: 0;
	text-align: left;
}
/* --- 3/4 size --- */
div.contents-box-720-left {
	overlow: hidden;
	float: left;
	margin: 16px 2px 0 0;
	width: 716px;
	padding: 0;
	text-align: left;
}
div.contents-box-720-right {
	overlow: hidden;
	float: right;
	margin: 16px 0 0 2px;
	width: 716px;
	padding: 0;
	text-align: left;
}
div.contents-box-720 {
	overlow: hidden;
	margin: 16px 2px 0 0;
	width: 720px;
	padding: 0;
	text-align: left;
}
div.contents-box-720-right-nomargin {
	overlow: hidden;
	float: right;
	margin: 0;
	width: 720px;
	padding: 0;
	text-align: left;
}
/* --- 2/3 size --- */
div.contents-box-640-left {
	overlow: hidden;
	float: left;
	margin: 16px 2px 0 0;
	width: 636px;
	padding: 0;
	text-align: left;
}
div.contents-box-640-right {
	overlow: hidden;
	float: right;
	margin: 16px 0 0 2px;
	width: 636px;
	padding: 0;
	text-align: left;
}
/* --- for iPhone --- */
div.contents-box-420-center {
	overlow: hidden;
	margin: 16px auto;
	width: 420px;
	padding: 0;
	text-align: left;
}
/* --- half size --- */
div.contents-box-480-left {
	overlow: hidden;
	float: left;
	margin: 16px 2px 0 0;
	width: 476px;
	padding: 0;
	text-align: left;
}
div.contents-box-480-right {
	overlow: hidden;
	float: right;
	margin: 16px 0 0 2px;
	width: 476px;
	padding: 0;
	text-align: left;
}
/* --- 1/3 size --- */
div.contents-box-320-left {
	overlow: hidden;
	float: left;
	margin: 16px 2px 0 0;
	width: 316px;
	padding: 0;
	text-align: left;
}
div.contents-box-320-right {
	overlow: hidden;
	float: right;
	margin: 16px 0 0 2px;
	width: 316px;
	padding: 0;
	text-align: left;
}
div.contents-box-320-center {
	overlow: hidden;
/*	float: right; */
	margin: 16px 2px 0 2px;
	width: 312px;
	padding: 0;
}
/* --- 1/4 size --- */
div.contents-box-240-left {
	overlow: hidden;
	float: left;
	margin: 16px 2px 0 0;
	width: 234px;
	padding: 0;
	text-align: left;
}
div.contents-box-240-right {
	overlow: hidden;
	float: right;
	margin: 16px 0 0 2px;
	width: 234px;
	padding: 0;
	text-align: left;
}
div.contents-box-240-center {
	overlow: hidden;
/*	float: right; */
	margin: 16px 2px 0 2px;
	width: 232px;
	padding: 0;
	text-align: left;
}
div.contents-box-240-left-nomargin {
	overlow: hidden;
	float: left;
	margin: 0 0 0 0;
	width: 240px;
	padding: 0;
	text-align: left;
}
/* --- half iphone page size --- */
div.contents-box-210-left {
	overlow: hidden;
	float: left;
	margin: 0 1px 0 1px;
	width: 206px;
	padding: 0;
	text-align: left;
}
/* --- 1/5 size --- */
div.contents-box-192-left {
	overlow: hidden;
	float: left;
	margin: 16px 2px 0 0;
	width: 188px;
	padding: 0;
	text-align: left;
}
div.contents-box-192-right {
	overlow: hidden;
	float: right;
	margin: 16px 0 0 2px;
	width: 188px;a
	padding: 0;
	text-align: left;
}
div.contents-box-192-center {
	overlow: hidden;
	margin: 16px 2px 0 2px;
	width: 188px;
	padding: 0;
	text-align: left;
}
/* --- 1/6 size --- */
div.contents-box-160-left {
	overlow: hidden;
	float: left;
	margin: 16px 2px 0 0;
	width: 156px;
	padding: 0;
	text-align: left;
}
div.contents-box-160-right {
	overlow: hidden;
	float: right;
	margin: 16px 0 0 2px;
	width: 156px;
	padding: 0;
	text-align: left;
}
div.contents-box-160-center {
	overlow: hidden;
	margin: 16px 2px 0 2px;
	width: 156px;
	padding: 0;
	text-align: left;
}
/* --- content box color --- */
div.contents-box-blue {
	background-color: #EFFAFF;
	border-width: 1px;
	border-style: solid;
	border-color: #A8CBE9;
        -moz-border-radius: 4px;
}
div.contents-box-green {
	background-color: #EFFFFA;
	border-width: 1px;
	border-style: solid;
	border-color: #A8E9CB;
        -moz-border-radius: 4px;
}
div.contents-box-red {
	background-color: #FFEFFA;
	border-width: 1px;
	border-style: solid;
	border-color: #E9A8CB;
        -moz-border-radius: 4px;
}
div.contents-box-white {
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
        -moz-border-radius: 4px;
}
div.contents-box-white-iphone {
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #EFEFEF;
        -moz-border-radius: 8px;
}
div.contents-box-blue-noborder {
	background-color: #EFFAFF;
	border-width: 0;
}
div.contents-box-white-noborder {
	background-color: #FFFFFF;
	border-width: 0;
}
/* --- text box for content box --- */
div.text-box {
	margin: 16px 24px 16px 24px;
}
div.text-box-halfmargin {
	margin: 8px 12px 8px 12px;
}
div.label-box-blue { 
	margin: 0;
	padding: 5px 12px;
	text-align: left;
/*	background-color: #0490D3; */
	border-bottom: 1px solid #036D9E;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#5B6F8D,EndColorStr=#224272);
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAiklEQVQImQXB5wqBAQCG0edeSJIkSSTJiqysrIiIiPwwPnvvcc+vc6hPfqI6/ory6CNKw7coDF4i13+JbO8p0t2HSHbuItG+iXjrKmLNi4g0ziJUP4lg7SQClaPwlw/CV9oLb3EnPPmtcOc2wpVdC2dmJRyppbAnDWFLGMIaXwhLbC7M0Zkwhaf6A98IPl3elna+AAAAAElFTkSuQmCC");
	background-repeat:repeat-x;
	background-color:#224272;
        -moz-border-radius: 4px;
}
div.label-box-iphone {
	margin: 0;
	padding: 5px 12px;
	text-align: left;
/*	background-color: #0490D3; */
/*	border-bottom: 1px solid #036D9E; */
/*
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#5B6F8D,EndColorStr=#224272);
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAiklEQVQImQXB5wqBAQCG0edeSJIkSSTJiqysrIiIiPwwPnvvcc+vc6hPfqI6/ory6CNKw7coDF4i13+JbO8p0t2HSHbuItG+iXjrKmLNi4g0ziJUP4lg7SQClaPwlw/CV9oLb3EnPPmtcOc2wpVdC2dmJRyppbAnDWFLGMIaXwhLbC7M0Zkwhaf6A98IPl3elna+AAAAAElFTkSuQmCC");
	background-repeat:repeat-x;
	background-color:#224272;
        -moz-border-radius: 4px;
*/
	background-image:url("assets/images/iphone/mdc_title_bar_iphn_420x30.png");
	background-repeat:no-repeat;
}
div.label-box-iphone h1{
	color: #666666;
}
div.text-alert {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}
div.text-right {
	width: 100%;
	text-align: right;
	font-size: 13px;
}
div.tos-box {
	margin: 16px 24px 16px 24px;
	overflow: auto;
	padding: 8px 12px 8px 12px;
        height: 400px;
}
div.tos-text {
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	text-align: left;
}
div.linktodetail-text {
        text-align: right;
	margin-right: 24px;
}
div.procedure-box-crr {
	float: left;
	margin: 16px 24px 16px 24px;
	height: 72px;
	width: 72px;
	color: #ffffff;
	background-color:#0686a1;
	border-width: 0;
        -moz-border-radius: 4px;
}
div.procedure-box {
	float: left;
	margin: 16px 24px 16px 24px;
	height: 72px;
	width: 72px;
	color: #0686a1;
	background-color:#ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #0686a1;
        -moz-border-radius: 4px;
}
div.procedure-box-done {
	float: left;
	margin: 16px 24px 16px 24px;
	height: 72px;
	width: 72px;
	color: #b2dbe3;
	background-color:#ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #b2dbe3;
        -moz-border-radius: 4px;
}
div.procedure-box-direction {
	float: left;
	margin: 16px 0 16px 0;
	height: 72px;
	width: 18px;
	color: #0686a1;
	border-width: 0px;
}
div.procedure-box div.num, div.procedure-box-crr div.num, div.procedure-box-direction div.num, div.procedure-box-done div.num {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
div.procedure-box div.txt, div.procedure-box-crr div.txt, div.procedure-box-direction div.txt, div.procedure-box-done div.txt {
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}
/* ===== Twitter on Top Page ===== */
div.twitter_div {
	font-size: 12px;
	font-weight: normal;
}
ul#twitter_update_list {
	font-size: 13px;
	font-weight: normal;
}
div.twitter_div li{
	text-align: left;
	list-style-type: none;
	list-style-position: outside;
	padding: 0 0 16px 0;
	margin-left: 24px;
	border-style: dotted;
	border-color: #585858;
	border-width: 0 0 1px 0;
}
/* ===== Site Map Page for Wayfinder ===== */
div#sitemap ul {
	list-style: none;
	list-style-position: inside;
	list-style-image: url("assets/images/cross.png");
}
div#sitemap li {
	padding: 8px 0 0 48px;
}

/* ===== Paging Index (Prev/Next) ===== */
.paginated {
	text-align: center;
	padding: 4px 0 4px 0;
	text-decoration: none;
	font-weight: bold;
}
.paginated a {
	font-weight: normal;
}

/* ===== Login Box ===== */
ul.openid { 
        padding: 16px 0 0 0;
        font-size: 12px;
}            
li.openid-yahoo-ja {
	text-align: left;
	list-style-type: disc;
	list-style-image: url(assets/images/yahoo_favicons.png);
	list-style-position: outside;
	margin-left: 24px;
	margin-top: 12px;
}
li.openid-google {
	text-align: left;
	list-style-type: disc;
	list-style-image: url(assets/images/google_favicons.png);
	list-style-position: outside;
	margin-left: 24px;
	margin-top: 12px;
}
li.openid-openid {
	text-align: left;
	list-style-type: disc;
	list-style-image: url(assets/images/openid_favicons.png);
	list-style-position: outside;
	margin-left: 24px;
	margin-top: 12px;
}
/* ===== Tutorial Box ===== */
div.tutorial-box {
	font-size: 24px;
	color: #000000;
}
/* ===== Service Plan ===== */
div.service-plan table { 
	margin: 0 auto;
	background: #ffffff;
	color: #666666;
	font-size: 12px;
	border: 1px solid #cccccc;
}
div.service-plan th { 
	text-align: center;
	padding: 16px 16px;
	border: 1px solid #cccccc;
	color: #000000;
	font-weight: bold;
}
div.service-plan td { 
	text-align: center;
	padding: 16px 16px;
	border: 1px solid #cccccc;
	color: #666666;
}

div.service-list table { 
	margin: 0 auto;
	background: #ffffff;
	color: #666666;
	font-size: 12px;
	border: 1px solid #cccccc;
}
div.service-list th { 
	text-align: left;
	padding: 16px 16px;
	border: 1px solid #cccccc;
	color: #000000;
	font-weight: bold;
}
div.service-list td { 
	text-align: left;
	padding: 16px 16px;
	border: 1px solid #cccccc;
	color: #666666;
}
/* ===== Edit Profile ===== */
td.edit-profile {
	padding: 4px;
	font-size: 12px;
}

/***************************************************
  Site Information Area
 ***************************************************/
div#site-info {
	clear:both;
	overflow: hidden;
	display: block;
	background: #999999;
	color: #FFFFFF;
	margin: 16px 24px 0 24px;
	padding: 16px 0 16px 0;
	border-width: 1px;
	border-style: solid;
	border-color: #EFEFEF;
}
div#site-info a {
	color: #FFFFFF;
}
div#site-info table {
	margin: 0 auto;
}
div#site-info td {
	text-align: center;
	padding: 0 16px;
	font-size: 12px;
	border-left: 1px solid #FFFFFF;
}
div#site-info td.first {
	border: 0;
}
div#site-info td a {
	text-decoration: none;
}
div#site-info td a:hover {
    text-decoration: underline;
}
div#site-info p {
	text-align: center;
	font-size: 11px;
}
/* ========== End of CSS Styling ========== */