@charset "utf-8";

/*================================================================================
 
	Service: Microsoft AtLife
	FileName: cmn_pc.css
 Description: Common PC Style
	LastUpdate: 2012/10/23

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


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

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

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

/*----------------------------------------------------------
  ヘッダコンテナ
--------------------------------------------------------- */

header#baseHeader div.headerInner{width:960px; padding: 12px 0 6px 0;}
header#baseHeader p#msatlifeLogo {padding: 19px 0 0 13px;}

/* 検索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;}

/*----------------------------------------------------------
  グローバルナビ 
--------------------------------------------------------- */

header#baseHeader nav#gNavi {padding:30px 0 0 12px; /padding:20px 0 0 0; /* for IE6-7 */ clear:both; display:block !important;}
header#baseHeader nav#gNavi ul{margin: 10px 0 8px 0;}
header#baseHeader nav#gNavi ul li{font-size:13px; margin: 0 3px 3px 0; display:inline;}
header#baseHeader nav#gNavi ul li a{text-decoration:none; padding:6px;}
header#baseHeader nav#gNavi ul li a:hover,
header#baseHeader nav#gNavi ul li a.selected{background:#EF404F; padding:6px; background:#F2FBF9! important;  color:#008272;}
header#baseHeader p#gmenuBtn {display:none;} /* only SmartPhone */


/*----------------------------------------------------------
  Windows XPサポート終了告知対応 2013/9/20
--------------------------------------------------------- */

header#baseHeader div#winxpnotice img {margin-top: 30px;}
header#baseHeader div#winxpnotice {display: none; text-align: center;}


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

 カテゴリータイトル

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

div#titleHeader{width:100%; padding:0px; background:#E1E584; /height:13px;}
*:first-child+html div#titleHeader{height:2px!important;}
div#titleHeader div.titleWrap{color:#000; width:960px; margin:0 auto; overflow:hidden; clear:both; /height:13px;}
div#titleHeader div.titleBox{width:240px; float:left; padding: 0; background:#BBD80A; /height:13px;}
div#titleHeader div.titleBox h1#pageTitle{font-size:20px; font-size:2.0rem; padding: 24px 22px  20px  22px; /height:13px;}
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; /height:13px;}
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;}


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

 パンくずリンク

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

nav#breadNavi{width:960px; margin:0 auto; overflow:hidden; clear:both; padding: 12px 0 0 0; overflow:hidden; clear:both; text-align:center;}
nav#breadNavi ul{font-size:11px !important; padding:0 12px 0 12px; margin: 0 0 20px 0; text-align:left;}
nav#breadNavi ul li{color:#969696; display:inline;}
nav#breadNavi ul li span,
nav#breadNavi ul li a{color:#969696;}
nav#breadNavi ul li span {padding: 0 6px;}




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

 共通コンテナ
   |
   |-- 全体コンテナ
   |
   |-- コンテンツエリア - 右サイド
   |
   |-- コンテンツセクション
   |
   |-- 2 カラムボックス、3 カラムボックス

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

/*----------------------------------------------------------
  全体コンテナ
--------------------------------------------------------- */

div#contentsWrap {width:960px; margin: 0 auto 120px auto;}

/*----------------------------------------------------------
  コンテンツエリア - 右サイド
--------------------------------------------------------- */

div#contentsWrap article#contentsArea {width:696px; margin: 0 22px 0 0; padding: 0 12px; float: left; overflow:hidden; clear:both;}

/*----------------------------------------------------------
  コンテンツセクション
--------------------------------------------------------- */

div#contentsWrap article#contentsArea section.articleSection{margin: 0 0 48px 0; clear:both; overflow:hidden;}

/*----------------------------------------------------------
  2 カラムボックス、3 カラムボックス
--------------------------------------------------------- */

div#contentsWrap article#contentsArea section.articleSection div.twoBox{width:335px; margin: 0 0 0 24px;  float:left;}
div#contentsWrap article#contentsArea section.articleSection div.threeBox{width:216px; margin: 0 0 0 24px;  float:left;}
div#contentsWrap article#contentsArea section.articleSection div.twoBox figure ,
div#contentsWrap article#contentsArea section.articleSection div.threeBox figure {margin: 12px 0;}
div#contentsWrap article#contentsArea section.articleSection div.twoBox figure figcaption,
div#contentsWrap article#contentsArea section.articleSection div.threeBox figure figcaption{margin: 12px 0;}


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

 共通タイトル
   |
   |-- 汎用タイトル
   |
   |-- タイトル見出し h1
   |
   |-- タイトル見出し h2
   |
   |-- タイトル見出し h3
   |
   |-- タイトル見出し h4

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

/*----------------------------------------------------------
  タイトル見出し 汎用
--------------------------------------------------------- */

div#contentsWrap article#contentsArea .titleType01{font-size:23px; font-size:2.3rem; line-height:1.3; color:#505050; margin: 0 0 14px 0;}
div#contentsWrap article#contentsArea .titleType02{font-size:18px; font-size:1.8rem; line-height:1.3; color:#505050; margin: 0 0 12px 0;}
div#contentsWrap article#contentsArea .titleType03{font-size:13px; font-size:1.3rem; line-height:1.3; color:#505050; margin: 0 0 7px 0;}


/*----------------------------------------------------------
  タイトル見出し h1
--------------------------------------------------------- */

div#contentsWrap h1.h1Type01{font-size:24px; font-size:2.4rem; line-height:1.3; margin: 6px 0; float:left;} /* Top */
div#contentsWrap h1.h1Type01 span{font-size:13px; font-size:1.3rem;}

/*----------------------------------------------------------
  タイトル見出し h2
--------------------------------------------------------- */

div#contentsWrap h2.h2Type01{font-size:23px; font-size:2.3rem; line-height:1.3; color:#505050; margin: 0 0 12px 12px; clear:both;}
div#contentsWrap h2.h2Type01 span{font-size:18px; font-size:1.8rem;}
div#contentsWrap h2.h2Type02{font-size:23px; font-size:2.3rem; line-height:1.3; color:#505050; padding: 0 0 6px 0; float:left;}
div#contentsWrap h2.h2Type03{font-size:21px; font-size:2.1rem; line-height:1.3; color:#F00; margin: 0 0 4px 0; clear:both;} /* Office Tips */
div#contentsWrap h2.h2Type04{font-size:28px; font-size:2.8rem; line-height:1.3; color:#442358; margin: 0 0 12px 0; clear:both;} /* Office Tips */
div#contentsWrap h2.h2Type05{font-size:24px; font-size:2.4rem; line-height:1.3; color:#78057E; margin: 0 0 36px 0; clear:both;} /* Office Tips */
div#contentsWrap h2.h2Type06{font-size:24px; font-size:2.4rem; line-height:1.3; color:#000000; margin: 0 0 12px 0; clear:both;} /* Club MS */


/*----------------------------------------------------------
  タイトル見出し h3
--------------------------------------------------------- */

div#contentsWrap h3.h3Type01{font-size:13px; font-size:1.3rem; padding: 0 0 24px 0;} /* オンライン店舗検索結果 */
div#contentsWrap h3.h3Type02{font-size:18px; font-size:1.8rem; line-height:1.5; color:#000; margin: 0 0 24px 0; clear:both;} /* Office Tips */
div#contentsWrap h3.h3Type03{font-size:13px; font-size:1.3rem; font-weight:bold; padding: 0 0 24px 0;} /* MSスタッフ在籍店舗検索結果 */

/*----------------------------------------------------------
  タイトル見出し h4
--------------------------------------------------------- */

div#contentsWrap h4.h4Type01{font-size:18px; font-size:1.8rem; color:#000; margin: 0 0 12px 0; clear:both;} /* Office Tips */



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

 共通テキスト
   |
   |-- ベーステキスト
   |
   |-- リンクアイコン付テキスト

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

/*----------------------------------------------------------
  ベーステキスト
--------------------------------------------------------- */

div#contentsWrap article#contentsArea section.articleSection p.baseTxt{padding: 0 0 12px 0;}

/*----------------------------------------------------------
  リンクアイコン付テキスト
--------------------------------------------------------- */

div#contentsWrap article#contentsArea section.articleSection p.baseTxt a{color:#0073C5; background:url(/ja-jp/atlife/images/common/ico_arrow_05.png) no-repeat left center; padding: 0 0 0 22px;}



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

 共通リスト
   |
   |-- ベースリスト
   |
   |-- リンクアイコン付リスト
   |
   |-- 定義リスト

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

/*----------------------------------------------------------
  ベースリスト
--------------------------------------------------------- */

div#contentsWrap article#contentsArea section.articleSection ul.baseList {margin: 0 0 12px 0; padding: 0 0 0 14px;}
div#contentsWrap article#contentsArea section.articleSection ul.baseList li{list-style:disc !important;;margin: 0 0 6px 0; }

/*----------------------------------------------------------
  リンクアイコン付リスト
--------------------------------------------------------- */

div#contentsWrap article#contentsArea section.articleSection ul.linkList {margin: 0 0 12px 0; padding: 0 0 0 0;}
div#contentsWrap article#contentsArea section.articleSection ul.linkList li {margin: 0 0 6px 0; padding: 0 0 0 0;}
div#contentsWrap article#contentsArea section.articleSection ul.linkList li a{color:#0073C5; background:url(/ja-jp/atlife/images/common/ico_arrow_05.png) no-repeat left center;  padding: 0 0 0 22px;}


/*----------------------------------------------------------
  定義リスト
--------------------------------------------------------- */

div#contentsWrap article#contentsArea section.articleSection dl.descList{}
div#contentsWrap article#contentsArea section.articleSection dl.descList dt{padding: 0 0 12px 0;}
div#contentsWrap article#contentsArea section.articleSection dl.descList dd{padding: 0 0 36px 0;}


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

 共通サイドエリア

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

aside#sideArea {width: 216px; float:right; }
aside#sideArea h2.sideTitle{font-size:18px; font-size:1.8rem; margin:48px 0 6px 0; padding: 0 0 2px 0;}
aside#sideArea h2.sideTitle a{color:#505050; text-decoration:none; display:block;}
aside#sideArea h2.sideTitle a:hover{text-decoration:underline;}
aside#sideArea ul{ list-sty;e:none !important;}
aside#sideArea ul li{margin: 0 1px 12px 0;}
aside#sideArea ul.shopList li{margin: 14px 0;}
aside#sideArea div#sideParts02 aside.sideInner{background:#EEF0EF; padding:12px 11px 0 11px; /padding:12px 11px 12px 11px; overflow:hidden; clear:both}
aside#sideArea div#sideParts02 aside.sideInner ul{clear:both;}
aside#sideArea div#sideParts02 aside.sideInner ul li{float:left;}
aside#sideArea div#sideParts02 aside.sideInner ul li:first-child{float:left;}

aside#sideArea div#sideParts03 aside.sideInner{background:#EEF0EF; padding:12px 11px 0 11px; /padding:12px 11px 12px 11px; overflow:hidden; clear:both}
aside#sideArea div#sideParts03 aside.sideInner ul{ clear:both;}
aside#sideArea div#sideParts03 aside.sideInner ul li{float:left;}
aside#sideArea div#sideParts03 aside.sideInner ul li:first-child{float:left;}
aside#sideArea div#sideParts03 aside.sideInner ul li a.tipssmall{display:block; width:96px; height:96px; overflow:hidden; position:relative;}
aside#sideArea div#sideParts03 aside.sideInner ul li a.tipssmall img{position:absolute; left:-60px;}


aside#sideArea div#sideParts04 ul li a.tipssmall{display:block; width:216px; height:96px; overflow:hidden; position:relative;}
aside#sideArea div#sideParts04 ul li a.tipssmall img{position:absolute; left:-60px; top:-60px;}


aside#sideArea div#sideParts05 dl.guideList{font-size:11px; font-size:1.1rem; padding:12px 0 0 0}
aside#sideArea div#sideParts05 dl.guideList dt{}
aside#sideArea div#sideParts05 dl.guideList dd{color:#505050}

aside#sideArea div#sideParts07 p.announceTxt{font-size:11px; font-size:1.1rem; color:#505050; line-height:1.8;}
aside#sideArea div#sideParts07 p.announceTxt span{color:#e81123;}



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

 共通フッタ

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


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

 共通フッタ

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

footer#baseFooter{width:100%; padding: 12px 0; height:auto; background:#505050; overflow:hidden;}
footer#baseFooter div.footerInner h1{float:left; padding: 2px 0 0 0;}
footer#baseFooter div.footerInner{width:960px; overflow:hidden; margin:0 auto;}
footer#baseFooter ul.flt{float:left; padding: 2px 0 0 0; font-size:1.1rem;}
footer#baseFooter ul.flt li{display:inline; margin: 0;}
footer#baseFooter ul.flt li a{color:#FFFFFF;}
footer#baseFooter aside{float:right;}
footer#baseFooter aside ul{display:inline;}
footer#baseFooter aside ul li{display:inline; margin: 0;}
footer#baseFooter form#msviLSBForm{margin:0px 6px 0 0;}
footer#baseFooter form#msviLSBForm input#msviLSBtbox2{color:#A1A1A1; width:238px; vertical-align:top; margin: 2px 0 0 0;}
footer#baseFooter form#msviLSBForm input#msviLSBssearch2{vertical-align:top;}
footer#baseFooter small{font-size:12px!important; font-size:1.2rem; color:#FFFFFF; padding:3px 5px 0 0px; display:block; float:left;}
.w386{width:386px;} .w425{width:425px;}

/*==================================================================
	2012.11 archive用
==================================================================*/
nav#breadNavi,header#baseHeader nav#gNavi {
	text-align:left;
}