body {
margin:0;
font-size:0.8em;
line-height:1.6em;
}
img {
border:0;
}
#includeContents{
width:900px;
margin:0 auto;
}



/* common
========================== */
div#includeContainer {
background-color:#000000;
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
}
#includeContents {
color:#e8e8e8;
}


.memoryCard {
padding-bottom:40px;
}
.memoryCard h1{
display:none;
}
.memoryCard h2{
margin:57px 0 40px 0;
}



#siteroot {
color:#d7d7d7;
padding:0;
margin:0;
text-align:left;
}
#siteroot span {
padding:0 0.5em;
}
#siteroot a:link,
#siteroot a:visited,
#siteroot a:active {
color:#78AACA; 
text-decoration:none;
}
#siteroot a:hover{
color:#78AACA; 
text-decoration:underline;
}



.memoryCard p{	margin:0 0 20px 0;
}
.memoryCard .clear {
clear:both;
font-size:0;
line-height:0;
}
.memoryCard a:link,
.memoryCard a:visited,
.memoryCard a:active {
color:#78AACA; 
text-decoration:none;
}
.memoryCard a:hover{
color:#78AACA; 
text-decoration:underline;
}
.memoryCard a.arrow1{
background-image:url(../images/arrow1.gif);
background-repeat:no-repeat;
background-position:0 3px;
padding-left:10px;
padding-right:10px;
}
.memoryCard a.arrow2{
background-image:url(../images/arrow2.gif);
background-repeat:no-repeat;
background-position:0 3px;
padding-left:10px;
padding-right:10px;
}


/* mcIndex
========================== */
.mcIndex{
margin-top:30px;
background-image:url(../../images/idx_bg.gif);
background-repeat:repeat-y;
}
.mcIndex .btm{
background-image:url(../../images/idx_btm.gif);
background-repeat:no-repeat;
background-position:0 100%;
padding-bottom:12px;
}


.mcIndex p.ttl{
margin:0;
}
.mcIndex .pickup{
background-image:url(../../images/idx_pu_bg.gif);
background-repeat:no-repeat;
zoom: 100%;
background-position:10px 0;
padding-top:5px;
padding-left:15px;
}
.mcIndex .pickup p{
float:left;
margin-right:11px;
margin-bottom:11px;
}
.mcIndex .pickup p.end{
margin:0px;
}
.mcIndex .pickup .sub{
float:left;
width:209px;
line-height:16px;
margin-right:11px;
}
.mcIndex .pickup .sub p{
margin:0;
}
.mcIndex .pickup .sub span{
margin-left:10px;
}
.mcIndex .pickup .sub span a{
background-image:url(../images/arrow1.gif);
background-repeat:no-repeat;
background-position:0 3px;
padding-left:10px;
padding-right:10px;
margin-left:10px;
}
.mcIndex .pickup .sub span a:link,
.mcIndex .pickup .sub span a:visited,
.mcIndex .pickup .sub span a:active {
color:#78AACA; 
text-decoration:none;
}
.mcIndex .pickup .sub span a:hover{
color:#78AACA; 
text-decoration:underline;
}



.mcIndex .frame{
background-image:url(../../images/idx_frm_bg.gif);
background-repeat:repeat-y;
margin-left:10px;
zoom: 100%;
}
.mcIndex .frame .top{
background-image:url(../../images/idx_frm_top.gif);
background-repeat:no-repeat;
zoom: 100%;
}
.mcIndex .frame .set{
float:left;
width:435px;
margin-right:10px;
}
.mcIndex .frame .set p{
margin-left:15px;
margin-bottom:10px;
}
.mcIndex .frame .set h2{
margin:15px 0 8px 15px;
}
.mcIndex .frame .set .txt{
margin-bottom:20px;
}
.mcIndex .frame .set .txt p.indent{
margin-left:35px;
}
.mcIndex .frame .set .txt a{
background-image:url(../images/arrow2.gif);
background-repeat:no-repeat;
background-position:0 3px;
padding-left:10px;
padding-right:10px;
}
.mcIndex .frame .set .txt a:link,
.mcIndex .frame .set .txt a:visited,
.mcIndex .frame .set .txt a:active {
color:#78AACA; 
text-decoration:none;
}
.mcIndex .frame .set .txt a:hover{
color:#78AACA; 
text-decoration:underline;
}



/* xpictstory
========================== */
.memoryCard .mcXpictstory h2{
margin:30px 0 30px 0;
}


.mcXpictstory .mainVisual {
margin-bottom:20px;
}
.mcXpictstory .mainVisual p {
float:left;
margin:0;
}
.mcXpictstory .mainVisual p.sample{
	background-image:url(../../xpictstory/images/xps_mv_img_03.gif);
	background-repeat:no-repeat;
	height:295px;
	padding:1px;
}
.mcXpictstory .mainVisual p span.alt {
display:none;
}
.mcXpictstory .mainVisual p.notes {
float:none;
font-size:85%;
text-align:right;
}


.mcXpictstory .frame {
background-image:url(../images/frm_bg2.gif);
background-repeat:repeat-y;
}
.mcXpictstory .frame .btm {
background-image:url(../images/frm_btm2.gif);
background-repeat:no-repeat;
background-position:0 100%;
padding-bottom:30px;
zoom: 100%;
}
.mcXpictstory .frame .set {
padding:10px 0 0 40px;
}
.mcXpictstory .frame .set p {
float:left;
width:280px;
margin:0 20px 10px 0;
color:#92e8ff;
}
.mcXpictstory .frame .btn {
background-image:url(../../xpictstory/images/xps_btn_bg.gif);
background-repeat:no-repeat;
width:280px;
height:115px;
line-height:18px;
float:left;
}
.mcXpictstory .frame .btn p {
width:161px;
float:none;
margin:0;
}

.mcXpictstory .frame .btn span{
margin-left:13px;
}
.mcXpictstory .frame .btn a{
background-image:url(../../xpictstory/images/xps_btn_arrow.gif);
background-repeat:no-repeat;
background-position:0 3px;
padding-left:10px;
padding-right:10px;
margin-left:10px;
}
.mcXpictstory .frame .btn a:link,
.mcXpictstory .frame .btn a:visited,
.mcXpictstory .frame .btn a:active {
color:#004d69; 
text-decoration:none;
}
.mcXpictstory .frame .btn a:hover{
color:#004d69; 
text-decoration:underline;
}

/* mcXpictstoryManual
========================== */
.mcXpictstoryManual h2{
margin:30px 0 50px 0;
}


.mcXpictstoryManual .mainVisual {
	height:250px;
}
.mcXpictstoryManual .mainVisual p {
float:left;
margin:0;
}


.mcXpictstoryManual h3 {
margin:0 0 20px 0;
}


.mcXpictstoryManual .section01 dl,
.mcXpictstoryManual .section02 dl,
.mcXpictstoryManual .section03 dl{
float:left;
width:215px;
margin:0 0 20px 0;
}
.mcXpictstoryManual .section01 dl dd,
.mcXpictstoryManual .section02 dl dd,
.mcXpictstoryManual .section03 dl dd{
margin:5px 0 0 20px;
width:145px;
line-height:1.2em;
}


.mcXpictstoryManual .section01 dl dd .notes{
font-size:85%;
line-height:1.2em;
color:#8a8a8a;
}


.mcXpictstoryManual .section02 {
margin-bottom:20px;
}
.mcXpictstoryManual .section02 dl dd span{
font-weight:bold;
color:#fd7a00;
}


.mcXpictstoryManual .section03{
background-image:url(../../xpictstory/images/mn_sctn3_bg.gif);
background-repeat:repeat-y;
}
.mcXpictstoryManual .section03 .btm{
background-image:url(../../xpictstory/images/mn_sctn3_btm.gif);
background-repeat:no-repeat;
background-position:0 100%;
padding:0 0 0 20px;
}
.mcXpictstoryManual .section03 h3{
margin:0;
}
.mcXpictstoryManual .section03 p span{
color:#9b0d0d;
}



/* datarescue
========================== */
.mcFileRescue h2{
margin:30px 0;
}


.mcFileRescue .mainVisual {
margin-bottom:40px;
}
.mcFileRescue .mainVisual .btn{
background-image:url(../../datarescue/images/dr_btn_bg.gif);
background-repeat:no-repeat;
height:175px;
line-height:18px;
margin-right:30px;
margin-bottom:10px;
}
.mcFileRescue .mainVisual p {
margin:0;
}
.mcFileRescue .mainVisual p.dlbtn {
float:left;
margin:21px 20px 0 0;
}
.mcFileRescue .mainVisual p.img {
float:right;
width:620px;
margin-bottom:20px;
text-align:left;
}
.mcFileRescue .mainVisual .btn a{
background-image:url(../../datarescue/images/dr_btn_arrow.gif);
background-repeat:no-repeat;
background-position:0 3px;
padding-left:10px;
padding-right:10px;
margin-left:28px;
}
.mcFileRescue .mainVisual .btn a:link,
.mcFileRescue .mainVisual .btn a:visited,
.mcFileRescue .mainVisual .btn a:active {
color:#FFFFFF; 
text-decoration:none;
}
.mcFileRescue .mainVisual .btn a:hover{
color:#FFFFFF; 
text-decoration:underline;
}




.mcFileRescue .frame {
background-image:url(../images/frm_bg2.gif);
background-repeat:repeat-y;
}
.mcFileRescue .frame .btm {
background-image:url(../images/frm_btm2.gif);
background-repeat:no-repeat;
background-position:0 100%;
padding-bottom:40px;
zoom: 100%;
}
.mcFileRescue .frame dl {
margin:30px 40px 0 40px;
}
.mcFileRescue .frame dt {
margin-bottom:20px;
}
.mcFileRescue .frame dd {
margin:0;
}
.mcFileRescue .frame dd span {
color:#e0ff52;
font-weight:bold;
}
.mcFileRescue .frame dd span.notes {
color:#e8e8e8;
font-weight:normal;
font-size:85%;
}



/* ==========ここから追加==============*/

/* ==================================
コンテンツ用CSS
================================== */

/* 外枠などあるときにbox化するために使用 */
.clearFix:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}

.clearFix{
	display:inline-table;
}

/* Hides from IE-mac \*/
* html .clearFix{
	height:1%;
}

.clearFix{
	display:block;
}
/* End hide from IE-mac */


/* ==============================================
    コンテンツ枠
============================================== */

div#contents-wrap {

  text-align: center;
}

div#contents-in {
  margin: 0 auto;
  width: 900px;
  min-width: 607px;
  text-align: left;	
  font-size: 100%;
  padding: 0px 0 0 0;
}



/* ==============================================
    本文ボックス
============================================== */

div.box-main {
  width: 700px;
	padding:0px 100px 0px 100px;
}

div.box-main p {
  line-height: 100%;
}



/* ==============================================
    h2
============================================== */

h2 {
  font-size: 100%;
}

h2.img-white {
  margin-top: 0px;
  margin-bottom: -8px;
  height: 34px;
  background: url(../../images/h2.gif) repeat-x top right;
	padding:5px 8px 11px 8px;
  font-size: 120%;
	font-weight: bold;
	color:#000033;
	line-height:1.2;
}

h2.img-w {
  margin-top: 20px;/* 6→20pxに変更 */
  margin-bottom: -20px;
  height: 34px;
  background: url(../../images/h2.gif) repeat-x top right;
	padding:5px 10px 11px 10px;
	border-style:solid solid none;
	border-width: 1px;
	border-color:#cccccc;
  font-size: 120%;
	font-weight: bold;
	line-height:1.2;	
}



h2.img-gray-s {
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 4px 15px;
  font-size: 100%;
  font-weight: bold;
  background: #ddd url(../images/com_bg005.gif) no-repeat 0% 50%;
}


/* ==============================================
    h3
============================================== */

h3 {
  font-size: 100%;
}

h3.default {
  margin: 20px 0px 10px 10px;
  font-size: 120%;
	background: #FFFFFF url(../images/com_bg002.gif) repeat-x left bottom;
	border-color:#E0E0FA;
	border-width: 0px;
	border-style:none none none solid;
	padding:5px 8px 5px 8px;
	color:#000;
	font-weight:bold;
	line-height:1.2;
	}		

	

h3.img-gray-s {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 4px 15px;
  font-size: 100%;
  font-weight: bold;
  background: #ddd url(../images/com_bg005.gif) no-repeat 0% 50%;
}



/* ==============================================
    テーブル
============================================== */

table.style1 {
  font-size: 90%;
}
table.style1,
table.style1 th,
table.style1 td {
  border: 1px solid #ccc;
}
table.style1 {
  border-collapse: collapse;
}
table.style1 th {
  font-weight: bold;
  padding: 8px 11px 8px 14px;
  line-height: 120%;
  background-color: #eee;
}
table.style1 td {
  background-color: #fff;
  padding: 8px 11px;
  line-height: 130%;
}




/* ==============================================
    強調
============================================== */

strong {
  font-weight: bold;
}

.tx-120 {
  font-size: 120%;
}


/* ==============================================
    文字色
============================================== */

.tx-red {
  color: #f00;
}

.tx-gray {
  color: #666;
}

.tx-blue {
  color: #00f;
}


/* ==============================================
    位置
============================================== */

.talign-c { text-align: center; }
.talign-l { text-align: left; }
.talign-r { text-align: right; }
.talign-t { vertical-align: top; }
.left			{	float:left;	}



/* ==============================================
    リスト
============================================== */

ul.default {
  margin: 10px 0px 10px 30px;
}

ol.default {
  margin: 0px;
}

ul.default li {
  line-height: 125%;　
  margin-bottom: 3px;
	list-style-type: disc;
}

ol.default li {
  line-height: 125%;
	margin-top: 3px;
  margin-bottom: 3px;
	list-style-type: decimal;
}




/* ==============================================
    補足
============================================== */

.note3 {/* * */
  margin-left: 10px;
  color: #000;
  line-height: 125%;
}


td p.note3 {/* * */
  color: #000;
  line-height: 135%;
		text-indent:-0.5em;
		padding-left:0.5em;
}



/* ==============================================
    囲み
============================================== */

p.box-other-title {
  margin-bottom: 0px;
  padding: 6px 30px;
  color: #fff;
  font-weight: bold;
  background-color: #273264;
}


/* ==============================================
    囲み（その他・対応窓口等）
============================================== */

div.box-other {
  padding: 12px 30px;
  background-color: #F2F2FF;
}
div.box-other  {
  line-height: 125%;
}



/* ==============================================
    囲み（左右下枠）
============================================== */

div.box-ex {
　width: 650px;
	padding:5px 10px 11px;
  background-color: #FFFFFF;
	border-style:none solid solid;
	border-color:#cccccc;
	border-width: 1px;
	text-indent:0.5em;
	line-height: 125%; 
}



/* ==============================================
    ページトップ
============================================== */

p.pagetop {
  margin: 20px 10px 0 0;
  text-align: right;
}


/* ==============================================
    区切り線
============================================== */

div.separator01 {
  padding: 15px 0;
		font-size:0px;
}

div.separator02 {
  margin: 0px 0px 0 0;
  padding: 0px 0;
		font-size:0px;
}

div.separator03 {
  padding: 5px 0;
		font-size:0px;
}

div.separator01 div {
  border-top: 1px solid #B4B4B4;
}

div.separator02 {
  padding: 0px;
}
div.separator02 div {
  background: url(../images/com_bg002.gif) repeat-x top left;
  padding: 1px;
  _height: 1px;
}

div.separator03 div {
  border-top: 1px solid #B4B4B4;
}


/* ==============================================
    リンク
============================================== */

a.link-out {
  background: url(../images/com_ic001.gif) no-repeat 0 0.2em;
  padding-left: 15px;
}

a.link-pdf {
  background: url(../images/com_ic005.gif) no-repeat 0 2px;
  padding: 4px 0 4px 2em;
	text-indent:0;
  _height: 1px;
	display:block;
	line-height:1.2em;
}

a.arrow-navy {
  background: url(../images/com_ic008.gif) no-repeat 0 0.4em;
  padding-left: 8px;
}


/* ==============================================
    上マージン
============================================== */

.mt-10 { margin-top: -10px; }
.mt-5 { margin-top: -5px; }
.mt0  { margin-top: 0px; }
.mt5  { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }



/* ==============================================
    左マージン
============================================== */

.ml-15  { margin-left: -15px; }
.ml0  { margin-left: 0px; }
.ml5  { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml28 { margin-left: 28px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml65 { margin-left: 65px; }
.ml90 { margin-left: 90px; }
.ml100 { margin-left: 100px; }
.ml135 { margin-left: 135px; }
.ml200 { margin-left: 200px; }


/* ==============================================
    右マージン
============================================== */

.mr5 { margin-right: 5px; }



/* ==============================================
    下マージン
============================================== */

.mb0 { margin-bottom: 0px; }
.mb10 { margin-bottom: 10px; }
.mb25 { margin-bottom: 25px; }
.mb35 { margin-bottom: 35px; }
.mb350 { margin-bottom: 350px; }




/* ==============================================
    幅
============================================== */

.w250 {
  width: 250px;
}

.w300 {
  width: 300px;
}

.w400 {
  width: 400px;
}

.w500 {
  width: 500px;
}

.w650 {
  width: 650px;
}

.w900 {
  width: 900px;
}


.w60p {
  width: 60%;
}

.w20p {
  width: 20%;
}

.w100p {
  width: 100%;
}
/*-- HACKS --*/
*html .w100p {
  width: 98%;
}
/*----*/


/* ==============================================
    リンク
============================================== */

.box-main a:link,
.box-main a:visited,
.box-main a:active {
color:#43677e; 
text-decoration:none;
}
.box-main a:hover{
color:#c41230; 
text-decoration:underline;
}