@charset "utf-8";

/*================================================================================
 
	Service: Microsoft AtLife
	FileName: cmn_device.css
 Description: PC , Tablet , SmartPhone Common Style
	LastUpdate: 2012/10/23

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


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

 共通スタイル
   |
   |-- スタイルリセット
   |
   |-- 全デバイス共通ベースコンテナー
   |
   |-- 汎用カスケードクラス

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


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

 スタイルリセット

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

*{margin: 0; padding: 0;}
html {overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body,button,input,select,textarea{ font-family: 'メイリオ',meiryo,Segoe UI,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',Arial,Helvetica,Verdana,MS Sans-Serif; font-size: 12px; font-size: 1.2rem; color: #3C3C3C;}
body{line-height:1.6;}
html[xmlns*=""] body:last-child body { font-size: 75%;} /* safari only \*/
h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block; }
audio,canvas,video { display: inline-block;  *display: inline; *zoom: 1;}
audio:not([controls]) { display: none; }
[hidden] {display: none;}
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; /* 1 */  *margin-left: -7px; /* 2 */}
button,input,select,textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */  *vertical-align: middle; /* 3 */}
button,input { line-height: normal; /* 1 */ }
button,input[type="button"],input[type="reset"],input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */  *overflow: visible;  /* 3 */}
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }
img{border:none;}
ul,ul li{list-style: none;}
table {border-collapse: collapse; border-spacing: 0; font-size: inherit;}
caption {text-align: left;}


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

 全デバイス共通

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

html{font-size: 62.5%; /* 62.5%を指定すると「1.0 rem = 10px」 */ /*overflow-x:hidden;*/ overflow-x:auto;}
body{background:#FFF; word-wrap: break-word;}


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

 共通ヘッダー
   |
   |-- ヘッダコンテナ
   |
   |-- グローバルナビ

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

/*----------------------------------------------------------
  ヘッダ
--------------------------------------------------------- */

header#baseHeader{width:100%; height:auto; background:#008272;}
header#baseHeader div.headerInner{margin:0 auto; overflow:hidden;}
header#baseHeader p#msLogo{text-align:right; margin: 0 3px 8px 0;}
header#baseHeader a{color:#FFFFFF;}
header#baseHeader p#msatlifeLogo{height:auto; float:left; margin:0 25px 20px 0;}


/*----------------------------------------------------------
  ヘッドナビ
--------------------------------------------------------- */

header#baseHeader nav#headNavi {font-size:13px; font-size:1.3rem; margin: 0 3px 0 0; text-align:right;}
header#baseHeader nav#headNavi ul{}
header#baseHeader nav#headNavi ul li{margin: 0 0 0 15px; display:inline;}

/* 検索BOX */
header#baseHeader .headerInner #msviLSBForm{margin-top:14px; margin-left:43px;}
header#baseHeader .headerInner #msKiev{width:450px;}
header#baseHeader .headerInner #msKiev #msviLSBtbox2{width:400px; padding:1.2%;}
header#baseHeader .headerInner #msKiev #msviLSBssearch2{margin-bottom:-7px;}

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

 カテゴリータイトル

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

div#titleHeader{width:100%; background:#E1E584;}
div#titleHeader div.titleBox h1#pageTitle{font-size:20px; font-size:2.0rem; padding: 24px 22px  20px  22px;}
div#titleHeader div.titleBox h1#pageTitle span{font-size:16px; font-size:1.6rem; padding: 0 0 0 1em;}
div#titleHeader div.descBox{font-weight:400; line-height:1.6; width:720px; float:left; display:inline;}
div#titleHeader div.descBox p#descTxt01{padding: 30px 24px 18px 24px;}
div#titleHeader div.descBox p#descTxt02{padding: 20px 24px 18px 24px;}
div#titleHeader div.descBox p#descTxt03{padding: 10px 24px 8px 24px;}


/*----------------------------------------------------------
  コンテンツ
--------------------------------------------------------- */

div#contentsWrap {width: 100%; background: #FFFFFF; margin: 0 auto; overflow:hidden;}
div#contentsWrap article { width: 100%; }
div#contentsWrap article a{color:#000; }


/*----------------------------------------------------------
  フッタ
--------------------------------------------------------- */

footer#baseFooter { width:100%; background:#505050; clear:both; overflow:hidden; color: #fff;}
abbr { cursor: help; }
ul{list-style: none; margin: 0; padding: 0;}
img{vertical-align:bottom; border:none;}
a{color:#000; text-decoration:none;}
a:hover{text-decoration:underline;}


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

 汎用カスケード指定クラス

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


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

 共通矢印リストアイコン

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


/*----------------------------------------------------------
  矢印リスト - サイドナビ
--------------------------------------------------------- */

.listR{background:url(/ja-jp/atlife/images/common/ico_arrow_02.png) no-repeat right center;}


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

 テキスト関連

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

.fBold{font-weight:bold;}


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

 フロート関連

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

.clearfix{clear:both;}
.fltL{float:left;}
.fltR{float:right;}
.flImgL{float:left; margin: 0 12px 0 0;}
.flImgR{float:right; margin: 0 0 0 12px;}
.blockC{text-align:center;}
.leftBox{float:left; width:473px}
.rightBox{float:right; width:473px}

/* 2014.3.28 package aka clearfix */
.clearfix:after,
.package:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix:after,
.package { zoom: 100%; }
.package { display: inline-table; }
/* Hides from IE-mac ￥*/
* html .package { height: 1%; }
.package { display: block; }
/* End hide from IE-mac */

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

 ボーダー関連

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

.botW{border-top:1px solid #CCC;}
.bobW{border-bottom:1px solid #CCC;}
.nonBorder{border:none !important;}


/* subPage ヘッダボーダー */

.hBob01{border-bottom:solid 12px #BBD80A;} 
.hBob02{border-bottom:solid 12px #E1E584;}


.pt21{padding-top: 21px !important;}
.pb10{padding-bottom:10px !important;}
.pb16{padding-bottom:16px !important;}
.pb18{padding-bottom:18px !important;}
.pb19{padding-bottom:19px !important;}
.pb20{padding-bottom:20px !important;}
.mt30{margin-top:30px !important;} 
.mb16{margin-bottom:16px !important;}
.mb28{margin-bottom:28px !important;}
.mb30{margin-bottom:30px !important;}
.mb32{margin-bottom:32px !important;}
.mb34{margin-bottom:34px !important;}


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

 マージン関連 (atLifeの余白間隔）
     |
     |-- 上マージン
     |
     |-- 下マージン
     |
     |-- 右マージン
     |
     |-- 左マージン

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


/*----------------------------------------------------------
  上マージン
--------------------------------------------------------- */

.mt00{margin-top:0px !important;}  .mt06{margin-top:6px !important;}
.mt12{margin-top:12px !important;} .mt24{margin-top:24px !important;}
.mt36{margin-top:36px !important;} .mt48{margin-top:48px !important;}
.mt60{margin-top:60px !important;} .mt72{margin-top:72px !important;}
.mt84{margin-top:84px !important;} .mt96{margin-top:96px !important;}


/*----------------------------------------------------------
  下マージン
--------------------------------------------------------- */

.mb00{margin-bottom:0px !important;}  .mb06{margin-bottom:6px !important;}
.mb12{margin-bottom:12px !important;} .mb24{margin-bottom:24px !important;}
.mb36{margin-bottom:36px !important;} .mb48{margin-bottom:48px !important;}
.mb60{margin-bottom:60px !important;} .mb72{margin-bottom:72px !important;}
.mb84{margin-bottom:84px !important;} .mb96{margin-bottom:96px !important;}


/*----------------------------------------------------------
  右マージン
--------------------------------------------------------- */

.mr00{margin-right:0px !important;}  .mr06{margin-right:6px !important;}
.mr12{margin-right:12px !important;} .mr24{margin-right:24px !important;}
.mr36{margin-right:36px !important;} .mr48{margin-right:48px !important;}
.mr60{margin-right:60px !important;} .mr72{margin-right:72px !important;}
.mr84{margin-right:84px !important;} .mr96{margin-right:96px !important;}


/*----------------------------------------------------------
  左マージン
--------------------------------------------------------- */

.ml00{margin-left:0px !important;}  .ml06{margin-left:6px !important;}
.ml12{margin-left:12px !important;} .ml24{margin-left:24px !important;}
.ml36{margin-left:36px !important;} .ml48{margin-left:48px !important;}
.ml60{margin-left:60px !important;} .ml72{margin-left:72px !important;}
.ml84{margin-left:84px !important;} .ml96{margin-left:96px !important;}


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

 パディング関連 (atLifeの余白間隔）
     |
     |-- 上パディング
     |
     |-- 下パディング
     |
     |-- 右パディング
     |
     |-- 左パディング

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

/*----------------------------------------------------------
  上パディング
--------------------------------------------------------- */

.pt00{padding-top:0px !important;} .pt06{padding-top:6px !important;}
.pt12{padding-top:12px !important;} .pt24{padding-top:24px !important;}
.pt36{padding-top:36px !important;} .pt48{padding-top:48px !important;}
.pt60{padding-top:60px !important;} .pt72{padding-top:72px !important;}
.pt84{padding-top:84px !important;} .pt96{padding-top:96px !important;}


/*----------------------------------------------------------
  下パディング
--------------------------------------------------------- */

.pb00{padding-bottom:0px !important;} .pb06{padding-bottom:6px !important;}
.pb12{padding-bottom:12px !important;} .pb24{padding-bottom:24px !important;}
.pb36{padding-bottom:36px !important;} .pb48{padding-bottom:48px !important;}
.pb60{padding-bottom:60px !important;} .pb72{padding-bottom:72px !important;}
.pb84{padding-bottom:84px !important;} .pb96{padding-bottom:96px !important;}


/*----------------------------------------------------------
  右パディング
--------------------------------------------------------- */

.pr00{padding-right:0px !important;}  .pr06{padding-right:6px !important;}
.pr12{padding-right:12px !important;} .pr24{padding-right:24px !important;}
.pr36{padding-right:36px !important;} .pr48{padding-right:48px !important;}
.pr60{padding-right:60px !important;} .pr72{padding-right:72px !important;}
.pr84{padding-right:84px !important;} .pr96{padding-right:96px !important;}


/*----------------------------------------------------------
  左パディング
--------------------------------------------------------- */

.pl00{padding-left:0px !important;}  .pl06{padding-left:6px !important;}
.pl12{padding-left:12px !important;} .pl24{padding-left:24px !important;}
.pl36{padding-left:36px !important;} .pl48{padding-left:48px !important;}
.pl60{padding-left:60px !important;} .pl72{padding-left:72px !important;}
.pl84{padding-left:84px !important;} .pl96{padding-left:96px !important;}