/* panasonicheadlene0708 */
/* ※2カラムレイアウト※ */

body{
background:#FFFFFF;
font-size:12px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin-top:0;
padding-top:0;
}

img{border:0;}

/* レイアウト全体枠 */

div#container{
width:960px;
margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
padding:0;
background:#FFFFFF;
}

.clear{
clear:both;
}

/*ImpressWatch header*/

h1{
width:960px;
margin:0;
padding:0;
background:#FFFFFF;
}

/*panasonic header*/

h2{
width:960px;
height:150px;
margin:0;
padding:0;
background:#999999;
}

/*panasonic footer*/

#fotter{
width:960px;
margin:0;
padding:0;
}

#fotter p{
margin:0;
padding:5px 20px;
font-size:90%;
float:left;
}

#fotter p.copy{
margin:0;
padding:5px 20px;
font-size:90%;
float:right;
}

/*メインコンテンツ全体枠*/

div#maincontent{
width:960px;
height:auto;
margin:0;
padding:0;
background:#FFFFFF;
}

/*メインコンテンツ左枠*/

div#leftblock{
width:300px;
margin:0;
padding:15px 0 15px 13px;
float:left;
}

#leftblock .main{
width:300px;
margin:0 0 20px 0;
padding:0;
}

#leftblock .tit{
width:300px;
height:30px;
margin:0;
padding:0;
background:#FFFFFF;
}

/***** 季節毎にボーダー色と背景色を変える *****/
#leftblock .cont{
display:block;
width:298px;
margin:0;
padding:0 0 7px 0;
border: solid 1px #3e7340;
background:#EBF0DC;
}
/***** 季節毎にボーダー色と背景色を変える *****/

.subcon{
width:278px;
margin:0;
padding:10px 10px 3px 10px;
}

.subcon_onsale{
width:278px;
margin:0;
padding:3px 10px 3px 10px;
}

.link{
margin:0;
padding:10px 0 10px 11px;
}

.link_b{
margin:0;
padding:5px 0 5px 14px;
}

.link_s{
margin:0;
padding:3px 0 3px 18px;
}

/*メインコンテンツ左枠_メルマガ枠の設定*/

#leftblock .mailcont{
width:298px;
margin:0;
padding:0;
border: solid 1px #333333;
background:#FFFFFF;
}

.maillink{
width:298px;
height:35px;
margin:0;
padding:0;
}

.maillink2{
width:298px;
height:5px;
margin:0;
padding:0;
}

.mailtx_g{
margin:0;
padding:5px 0px 3px 10px;
font-size:90%;
color:#006633;
}

.mailtx_k{
margin:0;
padding:0px 0px 3px 10px;
font-size:90%;
color:#333333;
}

.mailtx_kb{
margin:0;
padding:10px 0px 10px 10px;
font-size:100%;
color:#333333;
text-decoration:underline;
}

.mailtx_kb a{
font-size:90%;
color:#333333;
text-decoration:underline;
}

.mailtx_kb a:hover{
font-size:90%;
color:#333333;
text-decoration:underline;
}

.mail_track{
width:287px;
height:2px;
margin:0 0 0 5px;
padding:0;
border-top:2px solid #006633;
text-align:center;
}

/*メインコンテンツ左枠_テキスト・テキストリンクの設定*/

.txt12_a{
font-size:100%;
color:#003399;
line-height:160%;
text-decoration:underline;
}

.txt12_a a{
color:#003399;
text-decoration:underline;
}

.txt12_a a:hover{
color:#003399;
text-decoration:none;
}

.txt12_b{
font-size:100%;
color:#333333;
line-height:160%;
}

/*（発売日情報 日付用テキスト設定）*/
.txt10_a{
font-size:90%;
color:#333333;
}
/*（発売日情報 日付用テキスト設定）*/

.txt10_b{
font-size:90%;
color:#003399;
text-decoration:underline;
}

.txt10_b a{
color:#003399;
text-decoration:underline;
}

.txt10_b a:hover{
color:#003399;
text-decoration:none;
}
 
/*メインコンテンツ左枠_検索窓の設定*/ 

.search{
width:200px;
border: 1px solid #999999;
background:#FFFFFF;
}

/*メインコンテンツ右枠*/

div#rightblock{
width:620px;
margin:0;
padding:15px 13px 15px 14px;
background:#FFFFFF;
float:right;
}

#rightblock .main{
width:620px;
margin:0;
padding:0;
background:#FFFFFF;
}

#rightblock .tit{
width:620px;
height:30px;
margin:0;
padding:0;
background:#FFFFFF;
}

#rightblock .tit2{
width:620px;
height:30px;
margin-top:20px;
padding:0;
background:#FFFFFF;
}

/*メインコンテンツ_special*/

#rightblock .special{
width:618px;
margin:0;
padding:0;
background:#FFFFFF;
}

#rightblock .special_l{
width:300px;
/*height:200px;*/
margin:0;
padding:0;
float:left;
}

#rightblock .special_l p.oomidashi{
margin:0;
padding:15px 5px 5px 10px;
font-size:135%;
line-height:160%;
color:#1F5ABC;
text-decoration:underline;
font-weight:bold;
}

#rightblock .special_l p.oomidashi a{
color:#1F5ABC;
text-decoration:underline;
font-weight:bold;
}

#rightblock .special_l p.oomidashi a:hover{
color:#1F5ABC;
text-decoration:underline;
font-weight:bold;
}

#rightblock .special_l p.lead{
margin:0;
padding:0 0 0 10px;
font-size:100%;
line-height:160%;
color:#333333;
}

#rightblock .special_r{
width:300px;
margin:0;
padding:10px 0;
background:#FFFFFF;
float:right;
}

/***** news部枠--季節毎にボーダー色を変える *****/
#rightblock .cont{
width:618px;
margin:0;
padding:0 0 15px 0;
border: solid 1px #3e7340;
background:#FFFFFF;
}
/***** news部枠--季節毎にボーダー色を変える *****/


/*メインコンテンツ右枠_news&review枠詳細設定*/

.newtit{
width:600px;
margin:25px 0 10px 10px;
padding:0;
}

.newico{
margin:0;
padding:12px 0 15px 10px;
vertical-align:top;
}

.newcon{
margin:0;
padding:10px 15px 15px 7px;
font-size:100%;
color:#333333;
line-height:160%;
text-decoration:underline;
}

.newcon a{
color:#333333;
text-decoration:underline;
}

.newcon a:hover{
color:#333333;
text-decoration:none;
}

/*メインコンテンツ右枠_豆知識へのリンク(index.htm用)*/

.mameall{
width:586px;
margin:0 0 0 10px;
padding:0;
}

.mamebox{
width:586px;
margin:0;
padding:5px 0 10px 0;
border:solid 1px #FFCC00;
}

.mamebox .setsumei{
margin:0;
padding:5px 0 5px 10px;
color:#333333;
font-weight:bold;
float:left;
}

.mamebox .txt{
width:560px;
margin:0;
padding:10px 0 5px 15px;
font-size:100%;
color:#333333;
line-height:160%;
}

.mamebox .txtit{
width:560px;
margin:0;
padding:10px 0 0 15px;
font-size:100%;
color:#333333;
font-weight:bold;
}

.mamelink{
margin:5px 0 0 15px;
font-size:100%;
text-decoration:underline;
font-weight:bold;
color:#FF3300;
}

.mamelink a{
color:#FF3300;
text-decoration:underline;
}

.mamelink a:hover{
color:#FF3300;
text-decoration:underline;
}

/*豆知識(mame.htm用)*/

.pagemame{
width:595px;
margin:15px 0;
padding:15px 0 15px 25px;
border-top:solid 1px #FFCC00;
border-bottom:solid 1px #FFCC00;
}

.pagemame ul{
width:620px;
display:inline;
margin:0;
padding:0;
font-size:12px;
font-weight:bold;
color:#333333;
text-indent:-5px;
list-style-image:url(image/downarrow.gif);
}

.pagemame li{
margin:0 0 2px 0;
padding:0;
text-decoration:underline;
color:#333333;
}

.pagemame li a{
text-decoration:underline;
color:#333333;
}

.pagemame li a:hover{
text-decoration:underline;
color:#666666;
}

.mamebox-b{
width:616px;
margin:0;
padding:5px 0 10px 0;
border:solid 2px #FFCC00;
}

.mamebox-b .txt{
width:580px;
margin:0;
padding:10px 0 5px 15px;
font-size:100%;
color:#333333;
line-height:160%;
text-indent:1em;
}

.mamebox-b .txtit{
width:580px;
margin:0;
padding:10px 0 0 15px;
font-size:100%;
color:#333333;
font-weight:bold;
}

.mametx_top{
margin:10px 5px;
padding:0;
font-size:100%;
font-weight:bold;
text-decoration:underline;
color:#333333;
}

.mametx_top a{
text-decoration:underline;
color:#333333;
}

.mametx_top a:hover{
text-decoration:underline;
color:#666666;
}


/*メインコンテンツ右枠_promo枠詳細設定*/

.promo{
width:618px;
margin:0;
padding:0;
border:solid 1px #cccccc;
}

.promo .promoleft{
width:340px;
margin:0;
padding:0;
float:left;
}

.promo p{
margin:10px 0 10px 10px;
padding:0;
font-size:100%;
line-height:150%;
color:#333333;
}

.promo .promoimg{
width:255px;
margin:10px 5px;
padding:0;
font-size:100%;
color:#333333;
float:right;
}

.promo p.link{
font-size:125%;
color:#3453BC;
font-weight:bold;
text-decoration:none;
}

.promo p.link a{
color:#3453BC;
text-decoration:underline;
}

.promo p.link a:hover{
color:#3453BC;
text-decoration:underline;
}


/*注釈*/

.point{
margin:10px 0;
padding:0 10px;
font-size:90%;
line-height:140%;
color:#FF3300;
}

div.nav-global ul {
  zoom: 1;
}
* html div.nav-global ul,
div.nav-global * html ul {
  height: 1px;
}
div.nav-global ul:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
div.nav-global {
  background: #fff;
  border-width: 1px 0;
  border-style: solid;
  border-color: #b7b7b7;
  -webkit-box-shadow: 0 1px 1px rgba(10, 10, 10, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(10, 10, 10, 0.1);
  box-shadow: 0 1px 1px rgba(10, 10, 10, 0.1);
  width: 960px;
  margin: 0;
}
div.nav-global ul {
  font-size: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}
div.nav-global ul li {
  float: left;
  border-right: 1px solid #999;
  margin: 0;
  padding: 0;
}
div.nav-global ul li:first-child {
  border-left: 1px solid #999;
}
div.nav-global hr {
  display: none;
}

div.nav-global img {
  border-width: 0;
}




