@charset "utf-8";

/* 一括で全ての要素の余白をゼロに指定 */
* {
	padding: 0;
	margin: 0;
}

a:link {
  color: #00497c;
text-decoration: none; 

}

a:visited {
  color: #00497c;
text-decoration: none; 

}

a:hover {
  color: #00497c;
  text-decoration: underline;
}

/* ---------------------------------------- フォントスタイル フォントサイズ */
body {
  text-align: center;
  font-family: "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 0 auto;
  margin: 0 auto;
 font-size: 12px;
 background: #fdfdfd;
 color:#444444;
/*  background-attachment: fixed;
  background-repeat: repeat-y;
  background-position: top; */
   -webkit-text-size-adjust:100%;
   word-wrap: break-word;
}

body a:link {
  color: #00497c;
  text-decoration: none; 

}

body a:visited {
  color: #00497c;
text-decoration: none; 

}

body a:hover {
  color: #00497c;
  text-decoration: underline;
}

/* -- イメージの外枠 -- */

#img {
	border: solid 1px #999;
	padding: 1px;	
}


/* dropmenu ヘッダーメニュー
-----------------------------------------*/
	#dropmenu{
  list-style-type: none;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
  background: #00497c;
  border-bottom: 5px solid #e4e4e4;
  border-radius: 0;
  border-top: 3px double #e4e4e4;
}
#dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 12px;
  color: #fff;
  font-size: 13px;
  font-weight:normal;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
	padding: 0;
  border-radius: 0;
}
#dropmenu li:last-child ul{
  width: 100%;
  }

#gmenu-mobile #dropmenu li:last-child ul{
  width: 100%;
  left: -100%;
}

#dropmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}

#dropmenu li ul li a{
  padding: 13px 15px;
  background: #00497c;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li a.current{
  background: #e4e4e4;
  color: #555;
}
#dropmenu li:hover > a{
  background: #e4e4e4;
  color: #555;
}
#dropmenu > li:hover > a{
  border-radius:0;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #e4e4e4;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0;
}


/* mod_navヘッダーメニュー
-----------------------------------------*/
.mod_nav{
 height:35px;
 background:#343434;
 
}

.mod_nav p.navtitle{
 display:none;
}

.mod_nav ul{
 margin:0 auto;
 width:900px;
 list-style-type: none;
}

.mod_nav ul li{
 float:left;
 width:100px;
 line-height:35px;
 text-align:center;
}

.mod_nav ul li a{
 display:block;
 color:#FFF;
 
}

.mod_nav ul li.current a{
 font-weight:bold;
}
.mod_nav ul li a:link    {color:#FFF; text-decoration:none;}
.mod_nav ul li a:visited {color:#FFF; text-decoration:none;}
.mod_nav ul li a:hover   {color:#FFF; text-decoration:none; background-color:#444;}
.mod_nav ul li a:active  {color:#FFF; text-decoration:none; background-color:#444;}


/* ---------------------------------------- レイアウトに関する指定 */
/* -- ヘッダーメニューの外枠 -- */
#headermenu {
  text-align: left;
  background:#343434;
  width: 100%;
  margin: 0px auto;
}

#hmenu-inner {
  width: 900px;
  margin: 0px auto;
  padding: 0px;
}

/* --ヘッダーメニュー */
ul#hmenu
{
	margin:0;
	padding:8px 0 0 20px;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:25px;
	font-weight:bold;
    font-family: "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
}

ul#hmenu li
{
	display:block;
	float:left;
	margin:0;
	padding:0px 15px 0 0px;
	color:#CCCCCC;
}

ul#hmenu li
{
	display:block;
	float:left;
	margin:0;
	padding:0px 15px 0 0px;
	color:#CCCCCC;
}
	
ul#hmenu li a
{
	display:block;
	float:left;
	color:#888888;
	text-decoration:none;
	font-weight:bold;
	padding:0px 3px 0 3px;
}
	
ul#hmenu li a:hover
{	
	color:#FFFFFF;
	height:22px;
	background:#666666;	
	padding:0px 3px 0 3px;	
	
}
	

ul#hmenu li a.current
{
	display:inline;
	height:22px;
	background:;	
	float:left;
	margin:0;
	color:#FFFFFF;
	border-top:2px solid #FF0000;
}


/* -- ヘッダーの外枠 -- */
#header {
  text-align: left;
  width: 100%;
  margin: 0 auto;
  color: #000000;
  /*background:#FFFFFF;*/
  background:url("../images/bgheader.png") repeat-x bottom left;
　min-width:900px;
}

/* -- ヘッダーブロックの幅はここで指定 -- */
#header-inner {
  width: 900px;
  margin: 0 auto;
  padding: 15px 0 20px;
  /*background: #FFF;*/
  border-right:0px solid #C2C2C2;
  border-left:0px solid #C2C2C2;  
  }

#header-inner-left {
  width: 270px
  float: left;
}

#header-inner-right {
  width: 630px;
  float: right;
}



/* --ヘッダーロゴ */
.logotop{
  text-align: left;
  float: left;
  padding:50px 0px 0px;
}

/* --ヘッダーアド */
.search{
  text-align: left;
  float: right;
  padding:10px 0px 0 ;
}

/* -- グローバルメニューの外枠 -- */
#gmenu {
  text-align: left;
  width: 100%;
  margin: 0 auto;
  padding: 10px 0 0;
/*  background:url("../images/bgheader.png") repeat-x top left;*/
  border-top:1px solid #CCC;  
  background:url("../images/header_bg.png") repeat-x top left;
min-width:900px;
}

/* -- グローバルメニューの幅はここで指定 -- */
#gmenu-inner {
  width: 900px;
  margin: 0 auto;
  padding: 0;
  border-bottom:3px solid #FFF;
}

/* -- グローバルメニューモバイル用を消す -- */
#gmenu-mobile{
  display:none;
}

/* --グローバルメニュー 黒色の枠*/
/*
#saturday{position:relative;display:block;height:36px;font-size:12px;font-weight:bold;background:transparent url("../images/bgOFF_iphone.png") repeat-x top left; font-family: "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
border-bottom:4px solid #ccc;border-top:1px solid #ccc;}
#saturday ul{margin:0;padding:0;list-style-type:none;width:auto;}
#saturday li{display:block;float:left;margin:0;pading:0;}
#saturday li a{display:block;float:left;color:#fff;text-decoration:none;padding:12px 15px 0 15px;height:24px;background:transparent url("../images/bgDIVIDER_iphone.png") no-repeat top right;}
#saturday li a:hover{background:transparent url("../images/bgHOVER.gif") no-repeat top right;color:#555;}
#saturday li a.current,#saturday li a.current:hover{color:#555;background:transparent url("../images/bgON.gif") no-repeat top right;}*/


/* --グローバルメニュー 青色の枠*/

#saturday{position:relative;display:block;height:36px;font-size:12px;font-weight:bold;background:#00497c; font-family: "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
border-bottom:4px solid #ccc;border-top:1px solid #ccc;}
#saturday ul{margin:0;padding:0;list-style-type:none;width:auto;}
#saturday li{display:block;float:left;margin:0;pading:0;}
#saturday li a{display:block;float:left;color:#fff;text-decoration:none;padding:12px 15px 0 15px;height:24px;background:#00497c;}
#saturday li a:hover{background:transparent url("../images/bgHOVER.gif") no-repeat top right;color:#555;}
#saturday li a.current,#saturday li a.current:hover{color:#555;background:transparent url("../images/bgON.gif") no-repeat top right;}

/*

#saturday{position:relative;display:block;height:36px;font-size:12px;font-weight:bold;background:transparent url("../images/bgOFF.gif") repeat-x top left; font-family: "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
border-bottom:4px solid #00497c;border-top:1px solid #ccc;}
#saturday ul{margin:0;padding:0;list-style-type:none;width:auto;}
#saturday li{display:block;float:left;margin:0;pading:0;}
#saturday li a{display:block;float:left;color:#666;text-decoration:none;padding:12px 15px 0 15px;height:24px;background:transparent url("../images/bgDIVIDER.gif") no-repeat top right;}
#saturday li a:hover{background:transparent url("../images/bgHOVER.gif") no-repeat top right;color:#FFF;}
#saturday li a.current,#saturday li a.current:hover{color:#fff;background:transparent url("../images/bgON.gif") no-repeat top right;}



.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url("../images/topMenuImages.png") repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url("../images/topMenuImages.png") 0px -30px no-repeat; outline:none;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url("images/topMenuImages.png") 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url("../images/topMenuImages.png") 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url("../images/topMenuImages.png") 100% -90px no-repeat;}




ul#g_menu { width: 100%; height: 43px; background: #FFF url("../images/menu-bg.gif") top left repeat-x; font-size: 100%; font-family: "meiryo","Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
ul#g_menu li { display: block; float: left; margin: 0 0 0 5px; }
ul#g_menu li a { height: 43px; color: #FFF; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0; }
ul#g_menu li a:hover { color: #CCC; }
ul#g_menu li a.current{ color: #FFF; background: #FFF url("../images/current-bg.gif") top left repeat-x; padding: 5px 15px 0; }

*/

/* -- コンテンツ サイドバーブロックの幅はここで指定 -- */
#container {
  text-align: center;
  width: 900px;
  margin: 0 auto;
  border-right:0px solid #C2C2C2;
  border-left:0px solid #C2C2C2;  
  background:#f9f9f9;
}

/* -- サイドバーの幅分マイナス -- */
#container-inner {
  text-align: left;
  float: left;
  width: 585px;

}

/* -- サイドバーの幅分余白 -- */
#contents {
  font-size: ;
  padding:0em 15px 2em 5px;

}

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

div.article{
	margin-top: 1.0em;
	padding: 10px;
	border:1px solid #CCC;  
	background:#FFFFFF;
}

/* -- ad468 -- */

div.ad468{
	margin-top: 1.0em;
	padding: 10px;
	border:1px solid #CCC;  
	background:#FFFFFF;
}

/* -- ad336 -- */

div.ad336{
	margin-top: 30px;
}

/* -- ad300 -- */

div.ad300{
	margin-bottom: 1.0em;
}

/* -- ツイッター -- */

div.article_twitter{
	margin-top: 1.0em;
	padding: 10px;
	border:1px solid #CCC;  
	background:#FFFFFF;
}


/* -- RSS -- */

div.article_rss{
	margin-top: 1.0em;
	padding: 10px;
	border:1px solid #CCC;  
	background:#FFFFFF;
}

/* -- コンテンツ基本情報 -- */

div.article_startipodguide{
	margin-top: 1.0em;
	padding: 10px;
	border:1px solid #CCC;  
	background:#FFFFFF;
}

/* -- コンテンツ使い方 -- */

div.article_iphone{
	margin-top: 1.0em;
	padding: 10px;
	border:1px solid #CCC;  
	background:#FFFFFF;
}

/* -- アクセサリ -- */

div.article_case{
	margin-top: 1.0em;
	padding: 10px;
	border:1px solid #CCC;  
	background:#FFFFFF;
}

/* -- アプリ -- */

div.article_app{
	margin-top: 1.0em;
	padding: 10px;
	border:1px solid #CCC;  
	background:#FFFFFF;
}

/* -- News -- */

div.article_news{
	margin-top: 1.0em;
	padding: 10px;
	border:1px solid #CCC;  
	background:#FFFFFF;
}


/* -- Ad468 -- */

div.ad468{
	margin: 10px 0;

}


/* -- 2枠 -- */
div.col-left {
   float: left;
   width: 180px;
   padding: 3px;
   }
   
div.col-right {
   float: left;
   width: 320px;
   padding: 3px;
} 

/* -- 2枠 150x150-- */
div.colca-left {
   float: left;
   width: 140px;
   padding: 3px;
   }
   
div.colca-right {
   float: left;
   width: 140px;
   padding: 3px;
} 

/* -- 2枠 250x250 -- */
div.colb-left {
   float: left;
   width: 270px;
   padding: 3px;
   }
   
div.colb-right {
   float: left;
   width: 250px;
   padding: 3px;
} 

/* -- 2枠 250x250 アクセサリページ用-- */
div.case-left {
   float: left;
   width: 270px;
   padding: 3px;
   text-align: center;   
   margin-top: 30px;
   }
   
div.case-right {
   float: left;
   width: 250px;
   padding: 3px;
   text-align: center; 
   margin-top: 30px;
} 

/* -- 2枠 250x300 -- */
div.colv-left {
   float: left;
   width: 250px;
   padding: 0px;
   }
   
div.colv-right {
   float: left;
   width: 300px;
   padding-top: 30px;
} 

/* -- 2枠 200x200 使い方リスト-- */
div.collist-left {
   float: left;
   width: 250px;
   padding: 1px;
   padding-left: 0px;
   }
   
div.collist-right {
   float: left;
   width: 250px;
   padding: 1px;
} 


/* -- 2枠 200x200 アプリ-- */
div.colapp-left {
   float: left;
   width: 220px;
   padding: 3px;
   padding-left: 30px;
   }
   
div.colapp-right {
   float: left;
   width: 200px;
   padding: 3px;
} 

div.apptable {
   float: left;
   width: 420px;
   padding: 3px;
   padding-left: 30px;
   }


/* -- 2枠 左60px写真　右説明文-- */
div.colc-left {
   width: 60px;
   float: left;
   padding: 3px;
   text-align: left;
   }
   
div.colc-right {
   float: left;
   width: 480px;
   margin-left: 0px;
   padding: 3px;
   text-align: left;
} 

/* -- 2枠 左60px写真　アプリ説明文-- */
div.colcapp-left {
   width: 70px;
   float: left;
   padding: 3px;
   text-align: left;
   }
   
div.colcapp-right {
   float: left;
   width: 450px;
   margin-left: 0px;
   padding: 3px;
   text-align: left;
} 

/* -- 2枠 左110px写真　右説明文-- */


   div.coli-left {
margin-top:10px;
   width: 110px;
   float: left;
   padding: 3px;
   text-align: center;
   }
   

   
   div.coli-right {
margin-top:10px;
   float: left;
   width: 420px;
   margin-left: 0px;
   padding: 3px;
   text-align: left;
} 
   


/* -- 2枠 左110px写真　右説明文-- */
div.cols-left {
   width: 110px;
   float: left;
   padding: 3px;
   text-align: center;
   }
   
div.cols-right {
   float: left;
   width: 420px;
   margin-left: 0px;
   padding: 3px;
   text-align: left;
} 



/* -- 2枠 左160px写真　右説明文-- */
div.colt-left {
   width: 160px;
   float: left;
   padding: 3px;
   text-align: left;
   }
   
div.colt-right {
   float: left;
   width: 370px;
   margin-left: 0px;
   padding: 3px;
   text-align: left;
} 

div.coltt-right {
   float: left;
   width: 200px;
   margin-left: 0px;
   padding: 3px;
   text-align: left;
} 

/* -- 2枠 左160px写真　アプリ説明文-- */
div.colapp-left {
   width: 90px;
   float: left;
   padding: 3px;
   text-align: center;
   }
   
div.colapp-right {
   float: left;
   width: 410px;
   margin-left: 0px;
   padding: 3px;
   text-align: left;
} 


/* -- 2枠アプリセール 左60px写真　右180-- */
div.colu-left {
   width: 65px;
   float: left;
   padding: 3px;
   padding-left: 7px;
   text-align: left;
   }
   
div.colu-right {
   float: left;
   width: 215px;
   margin-left: 0px;
   padding: 3px;
   text-align: left;
   line-height: 150%;
} 

/* -- 2枠アプリ 左85px写真　右435-- */
div.app-left {
   float: left;
   width: 85px;
   color: #666666;
   line-height:120%; 
   list-style-type:none;  
   text-decoration: none; 
}  
div.app-right {
   float: left;
   width: 435px;
   color: #666666;
   line-height:120%; 
   list-style-type:none;  
   text-decoration: none; 
}  


/* -- 3枠 -- */
div.sancol-left {
   float: left;
   width: 170px;
   padding: 3px;
   }
   
div.sancol-center {
   float: left;
   width: 170px;
   padding: 3px;
} 

div.sancol-right {
   float: left;
   width: 170px;
   padding: 3px;
} 

/* -- 3枠 center -- */
div.sancolb-left {
   float: left;
   width: 180px;
   padding-left: 1px;
   text-align: center;
   }
   
div.sancolb-center {
   float: left;
   width: 180px;
   padding-left: 1px;
   text-align: center;
} 

div.sancolb-right {
   float: left;
   width: 180px;
   padding-left: 1px;
   text-align: center;
} 

/* -- 3枠 右説明 -- */
div.sancols-left {
   float: left;
   width: 170px;
   padding: 3px;
   }
   
div.sancols-center {
   float: left;
   width: 170px;
   padding: 3px;
} 

div.sancols-right {
   float: left;
   width: 200px;
   padding: 3px;
} 

/* -- 3枠 -- */
div.hachicol {
   float: left;
   padding: 3px;
   width: 130px;
   padding: 3px;
   margin-bottom:20px;
}
   
/* -- 3枠使い方 -- */
div.sancolhowto-left {
   float: left;
   width: 32%;
   padding: 3px;

}
div.sancolhowto-center {
   float: left;
   width: 32%;
   padding: 3px;

}   
div.sancolhowto-right {
   padding: 3px;

} 

/* -- 4枠カテゴリー -- */
div.yoncol-left {
   float: left;
   width: 22%;
   padding: 3px;
}
div.yoncol-centerleft {
   float: left;
   width: 22%;
   padding: 3px;

}  

div.yoncol-centerright {
   float: left;
   width: 22%;
   padding: 3px;

}   
div.yoncol-right {
   float: left;
   width: 22%;
   padding: 3px;
}  

/* -- 4枠 HOME -- */
div.yoncoltop-left {
   float: left;
   width: 22%;
   padding: 3px;
   padding-left: 20px;
}
div.yoncoltop-centerleft {
   float: left;
   width: 23%;
   padding: 3px;

}  

div.yoncoltop-centerright {
   float: left;
   width: 22%;
   padding: 3px;

}   
div.yoncoltop-right {
   float: left;
   width: 23%;
   padding: 3px;
}  

.ipodcategory {
   margin-top: 0px;
   margin-bottom: 10px;
   text-align:center;
   border:1px solid #cccccc;
   padding-top:10px;
   padding-bottom:10px;
   padding-left:3px;
}

.ipodcategory_sub {
   margin-top: 0px;
   margin-bottom: 20px;
   text-align:center;
   border:1px solid #cccccc;
   padding-top:5px;
   padding-bottom:10px;
   padding-left:3px;
}

/* -- サイドバーの幅指定 -- */
#sidebar {
  float: right;
  text-align: left;
  width: 300px;
  padding: 1em 5px 1em 0px;

}

	#sidebar .bar {
 	 text-align: center;
 	 width: 300px;
	 height:auto;
	background:#00497c;
	color:#FFF;
	padding:5px 0;
	overflow:auto;
	}

#undernavi {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  border-top:1px solid #CCCCCC;  
  background: #F4F4F4;
  min-width:900px;
}
#undernavitop {

  clear: both;
  text-align: center;
  padding: 0.5em 0 1em;
  border-top: 1px solid #cccccc;
  background: #FFFFFF;
  width:100%;*/
  }
.undernavi-inner {
    padding-top:20px;
	padding-bottom:20px;
	padding-left:10px;
	  margin: 0 auto;
	text-align: left;
	width: 900px;
}
.undernavi-inner a:link {
  color: #696969;
}
.undernavi-inner a:visited {
  color: #696969;
}
.undernavi-inner a:hover {
  color: #00497c;
}

/* -- フッターの外枠 -- */
#footer {
  width: 100%;
  margin: 0 auto;
  padding: 1em 0 1em;
  background: #343434;
  color: #FFFFFF;
  min-width:900px;
}

/* -- フッターブロックの幅はここで指定 -- */
#footer-inner {
  width: 900px;
  margin: 0 auto;
}



/* ---------------------------------------- #header内の指定 */

/* -- 見出しレベル1 -- */
/* -- 見出しレベル1 -- */
h1, h2, h3{
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size:100%; line-height:110%;
	color: #333333;
	font-weight: normal;
	margin:0px 4px;
}

h2 {
  font-size:13px;
  text-align: right;
  font-weight: normal;
  color:#000000;
  padding:0px 15px 0px 0;
}

/* -- 企業名 ショップ名 サイト名 -- */

.logo a {
display:block;
width: 160px;
height:70px;
margin: 0;
border:none;
background:transparent url(../images/logo_iphone.png) no-repeat 0% 0%;
text-indent:-5000em;
overflow:hidden;
}

.logo a:hover {
display:block;
width: 160px;
height:70px;
margin: 0;
border:none;
background:transparent url(../images/logo_iphone.png) no-repeat 0% 0%;
text-indent:-5000em;
overflow:hidden;
}


/* ---------------------------------------- #contents内の指定 */

/* -- 見出し -- */

h3{margin:0;padding:0;}

.h3 {
  font-weight: bold;
  font-size:110%;
  color: #FFFFFF;
  margin-top: 0em;
  margin-bottom: 1.0em;
  padding: 3px 10px 0px;
  background: #FF9900;
  border-bottom: 2px solid #FF9900;
}

.h3 a:link {
  color: #FFFFFF;
text-decoration: none; 

}

.h3 a:visited {
  color: #FFFFFF;
text-decoration: none; 

}

.h3 a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.h3startguide {
  font-weight: bold;
  font-size:110%;
  color: #FFFFFF;
  margin-top: 0em;
  margin-bottom: 1.0em;
  padding: 3px 10px 0px;
  background: #7CC576;
  border-bottom: 2px solid #7CC576;
}
.h3startguide a:link {
  color: #FFFFFF;
text-decoration: none; 

}

.h3startguide a:visited {
  color: #FFFFFF;
text-decoration: none; 

}

.h3startguide a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.h3news {
  font-weight: bold;
  font-size:110%;
  color: #FFFFFF;
  margin-top: 0em;
  margin-bottom: 1.0em;
  padding: 3px 0px 0px 15px;
  border-bottom: 2px solid #00AEEF;
  background:#00AEEF;
}
.h3news a:link {
  color: #FFFFFF;
text-decoration: none; 

}

.h3news a:visited {
  color: #FFFFFF;
text-decoration: none; 

}

.h3news a:hover {
  color: #FFF;
  text-decoration: none;
}

.h3app {
  font-weight: bold;
  font-size:110%;
  color: #6600cc;
  margin-top: 1.0em;
  margin-bottom: 1.0em;
  padding: 3px 0px 0px 15px;
  background: #f1f1f1;
  border-bottom: 2px solid #6600cc;
}
.h3app a:link {
  color: #6600cc;
text-decoration: none; 

}

.h3app a:visited {
  color: #6600cc;
text-decoration: none; 

}

.h3app a:hover {
  color: #6600cc;
  text-decoration: none;
}

.h3case {
  font-weight: bold;
  font-size:110%;
  color: #FFFFFF;
  margin-top: 1.0em;
  margin-bottom: 1.0em;
  padding: 3px 0px 0px 15px;
  background: #EE4097;
  border-bottom: 2px solid #EE4097;
}
.h3case a:link {
  color: #EE4097;
text-decoration: none; 

}

.h3app a:visited {
  color: #EE4097;
text-decoration: none; 

}

.h3app a:hover {
  color: #EE4097;
  text-decoration: none;
}

.h3app {
  font-weight: bold;
  font-size:110%;
  color: #FFFFFF;
  margin-top: 1.0em;
  margin-bottom: 1.0em;
  padding: 3px 0px 0px 15px;
  background: #BD4499;
  border-bottom: 2px solid #BD4499;
}
.h3app a:link {
  color: #BD4499;
text-decoration: none; 

}

.h3case a:visited {
  color: #BD4499;
text-decoration: none; 

}

.h3case a:hover {
  color: #BD4499;
  text-decoration: none;
}


h4 {
color: #333;
margin-bottom: 1.0em;
padding: 5px 0 5px 15px;
 border-left: 5px solid #00497c;
}

.article_startipodguide h4 {
color: #333;
margin-bottom: 1.0em;
padding: 3px 0 3px 15px;
border-left: 5px solid #7CC576;
border-bottom: 1px solid #7CC576;
}


.article_iphone h4 {
color: #CC6633;
margin-bottom: 1.0em;
padding: 3px 0 3px 15px;
border-left: 5px solid #FF9900;
border-bottom: 1px solid #FF9900;
}
/*
.article_iphone h4 {
padding:5px 0 5px 15px;
background:#F5F5F5;
border-left:#FF9900 8px solid;
border-right:#CCC 1px solid;
border-bottom:#FF9900 1px solid;
border-top:#CCC 1px solid;
font-weight: bold;
color:#555;
}*/

.article_case h4 {
color: #333;
margin-bottom: 1.0em;
padding: 3px 0 3px 15px;
border-left: 5px solid #EE4097;
border-bottom: 1px solid #EE4097;
}

.article_app h4 {
color: #333;
margin-bottom: 1.0em;
padding: 3px 0 3px 15px;
border-left: 5px solid #BD4499;
border-bottom: 1px solid #BD4499;
}

.article_news h4 {
color: #333;
margin-bottom: 1.0em;
padding: 3px 0 3px 15px;
border-left: 5px solid #00AEEF;
border-bottom: 1px solid #00AEEF;
}

h5,h6 {
color: #333;
margin-bottom: 1.0em;
padding: 5px 0 5px 15px;
 border-left: 5px solid #00497c;
}

h3,h4,h5,h6 { margin-top: 2.5em; }

.title{
   font-weight:bold;
   font-size:13px;
}

.hi-lite-title{
   font-weight:bold;
   padding:10px;
   font-size:13px;
}

.hi-lite{
  background: #f4f4f4 ;
  margin: 10px 2px 10px;
  padding: 10px 4px 10px;
  border: 1px solid #cccccc;
}

.hi-lite-startipodguide{
  background: #f9f9f9 ;
  margin: 10px 5px 10px;
  padding: 2px 5px 2px;
  border: 1px solid #cccccc;
}

.hi-lite-ipod{
  background: #f4f4f4 ;
  margin: 10px 5px 10px;
  padding: 2px 5px 2px;
  border: 1px solid #CCCCCC;
}

.img{
padding:20px;
}

.hi-lite-top{
background: #f4f4f4;
color:#666;
}

.setsumei{
  color: #333;
  background: #f4f4f4 ;
  margin: 30px 5px 30px 5px;
  padding: 10px;
  border: 1px solid #d9d9d9;
}

.setsumei_list{
  color: #333;
  background: #f4f4f4 ;
  margin: 20px 5px 0px 5px;
  padding: 10px;
  border: 3px solid #d9d9d9;
}

.setsumei_mobile{
display:none;
}

/* -- 使い方説明文 -- */
.sub {
margin: 0 10px;
color:#333333;  
font-size: 12px;
/* -- URLが折り返さないためのおまじない -- */
/*  white-space: pre;           /* CSS 2.0 */
 /* white-space: pre-wrap;      /* CSS 2.1 */
 /* white-space: pre-line;      /* CSS 3.0 */
 /* white-space: -pre-wrap;     /* Opera 4-6 */
 /* white-space: -o-pre-wrap;   /* Opera 7 */
 /* white-space: -moz-pre-wrap; /* Mozilla */
 /* white-space: -hp-pre-wrap;  /* HP Printers */
 /* word-wrap: break-word;      /* IE 5+ */
}

/* -- 使い方目次 -- */
.mokuji {
font-weight: bold; 

}

/* -- 文字 -- */
#contents p {
  line-height: 1.8em;
  margin-bottom: 0.5em;
}

/* -- 太字 -- */
.bold10 {
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
font-size: 13px;
}


/* -- 太字 -- */
.bold {
font-weight: bold;
margin-top: 30px;
margin-bottom: 10px;
font-size: 13px;
}

/* -- 太字 Q&A -- */
.boldunderline_qa {
color: #FF4500;
font-weight: bold;
margin-top: 30px;
border-bottom: 1px dotted #FF4500;
}

/* -- 太字 使い方 -- */
.boldunderline_ipod {
color: #CC6633;
font-weight: bold;
padding-top: 30px;
border-bottom: 1px dotted #FF9900;
}

/* -- 太字 使い方 説明文 -- */
.boldunderline_ipodhowto {
color: #CC6633;
font-size: 13px;
font-weight: bold;
padding-top: 40px;
margin: 0 10px;
border-bottom: 1px dotted #FF9900;
}

.boldunderline_ipodhowto img{
vertical-align:-1px;
}

/* -- 太字 ケース -- */
.boldunderline_case {
color: #EE4097;
font-weight: bold;
padding-top: 40px;
margin: 0 10px;
border-bottom: 1px dotted #EE4097;
}


/* -- 太字 アプリ 説明文 -- */
.boldunderline_app {
color: #333333;
font-weight: bold;
padding-top: 40px;
margin: 0 10px;
border-bottom: 1px dotted #EE4097;
}


/* -- 太字 -- */
.boldunderline {
font-size:110%;
font-weight: bold;
margin-top: 30px;
border-bottom: 1px dotted #FF9900;
}

/* -- パン屑リスト -- */
.topic-path {
  line-height: 1em;
  margin-bottom: 1.5em;
}

/* -- 以下 リスト関係 -- */
#contents dl { margin: 1em 0; }

#contents dt {
  margin-bottom: 0.5em;
  font-weight: bold;
  border-bottom: 1px dotted #666666;
}

#contents dd { margin-bottom: 2em; }

#contents ul { margin: 0em 0 1em 0px;
               list-style-type: none;
 }
#contents ol { margin: 1em 0 1em 5px; }
#contents li { margin-bottom: 0.5em 5px; }


/* ---------------------------------------- #sidebar内の指定 */

/* -- カテゴリタイトル -- */
.sidetitle {
  padding: 0.5em 0;
  border-bottom: 1px solid #666666;
}

/* -- リスト -- */
.localnavi {
  /*font-size: 0.9em;*/
  list-style-type: none;
  margin-bottom: 1em;
  border: 1px solid #ccc;
  background-color: #FFFFFF;
  width: 298px;
}

.localnavi li { 
  display: inline; 

}


.localnavi li a {
  text-decoration: none;
  display: block;
  padding: 0.5em 5px;
  background-color: #FFFFFF;
  color: #696969;
  border-bottom: 0px solid #cccccc;
}


.localnavi a {
  text-decoration: none;
  display: block;
  padding: 0.5em 5px;
  background-color: #FFFFFF;
  color: #696969;
  border-bottom: 0px solid #cccccc;
}

.localnavi a:hover {
  text-decoration: none;
  background-color: #f4f4f4;
  color: #00497c;
  border-bottom: 0px solid #00497c;
}

.localnavi_left{
  width:50px;
  height:55px;
  float: left;
  text-align:left;
  padding-top:5px;
  padding-left:2px;
}

.localnavi_right{
  height:55px;
  width:230px;
  width:auto;
}

.ranking{
    font-weight:bold;
  margin-top:0px;
margin-bottom:2px;
}

.localnavi_acc_left{
  width:105px;
  height:85px;
  float: left;
  text-align:left;
  padding-top:5px;
  padding-left:2px;
}

.localnavi_acc_right{
  height:85px;
  width:195px;
  width:auto;
    padding-top:5px;
}

.localnavi_app_left{
  width:85px;
  height:80px;
  float: left;
  text-align:left;
  padding-top:5px;
  padding-left:2px;
}

.localnavi_app_right{
  height:80px;
  width:195px;
  width:auto;
}

.localnavi_new_left{
  width:65px;
  height:60px;
  float: left;
  text-align:left;
  padding-top:5px;
  padding-left:2px;
}

.localnavi_new_right{
  height:60px;
  width:250px;
  width:auto;
    padding-top:5px;
}

.appsale {
  background:#FFFFFF;
  font-size: 0.9em;
  list-style-type: none;
  margin-bottom: 1em;
  border: #ccc 1px solid;
  width:298px;
  text-align:center;
  padding:0px 0px;
}


/* ---------------------------------------- #undernavi内の指定 */
#undernavi p { text-align: center; }

#undernavi li a {
  text-decoration: none;
  color: #777;
}


#undernavi a:hover {
  text-decoration: none;
  color: #00497c;
}

.social{
  margin-top: 30px;
    padding:10px 0 0 0px;
	border-top: 1px solid #cccccc;
}

iframe.twitter-share-button {
	width: 65px!important;
}

.backtopagetop{
  text-align: right;
  
  padding:0px 0 0;
}


/* ---------------------------------------- #footer内の指定 */
#footer p { text-align: center; }

/* 以下 CSSデザインサンプルクレジット部分 */
#cds { display: none; }

/* -- 関連リンク -- */
.relatedlink {
  list-style-type: none;
  margin-bottom: 1em;
  
}

.relatedlink li { 
  display: inline; 

}

.relatedlink a {
  text-decoration: none;
  display: block;
  width: 550px;
  padding: 5px 5px;
  background-color: #FFF;
  color: #000000;
}

.relatedlink a:hover {
  text-decoration: none;
  background-color: #F5F5F5;
  color: #00497c;
}

/* -- スタートガイド関連リンク -- */
.relatedlink_s {
  list-style-type: none;
  margin-bottom: 1em;
  
}

.relatedlink_s li { 
  display: inline; 

}

.relatedlink_s a {
  text-decoration: none;
  display: block;
  width: 230px;
  padding: 3px 5px;
  background-color: #F1F1F1;
  color: #000000;
}

.relatedlink_s a:hover {
  text-decoration: none;
  background-color: #CCCCCC;
  color: #00497c;
}

.clearblock {
   clear: both;
}

.space30 {
   margin-top: 30px;
}
.space20 {
   margin-top: 20px;
}
.space10 {
   margin-top: 10px;
}
.space5 {
   margin-top: 5px;
}

.space {
   padding-top: 10px;
}

.ad_top {
   padding-top: 15px;
   text-align: center;
}

.style42{
	color:#FF6633;

}

/* ---------------------------------------- #テーブル */

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


/*
#table table{
	border:1px solid #CCC;
	background:#FFFFFF;
	margin:10px 0 0 10px;
}
*/
#table th{
	border:1px solid #CCC;
	background:#EEE;
	padding:10px
}

#table td{
	border:1px solid #CCC;
	background:#FFF;
	padding:10px
}

/* ---------------------------------------- #Footer */

#footerlink {
  clear: both;
  text-align: center;
  padding: 10px 50px 10px;
  border-top: 1px solid #cccccc;
  background: #F4F4F4;
  font-size: 12px;
  text-decoration: none;
  list-style-type:none;
  color: #696969;
}
#footerlink a:link {
  color: #696969;
  text-decoration: none; 
}
#footerlink a:visited {
  color: #696969;
  text-decoration: none; 
}
#footerlink a:hover {
  color: #00497c;
  text-decoration: underline;
}
.footertitle{
	font-weight: bold;
  list-style-type:none;
padding-bottom: 5px;
color: #666;
}

div.footer {
   text-allign: left; 
   padding: 10px;
   line-height: 120%;
  list-style-type:none;   
}

div.footera {
   float: left;
   width: 140px;
   padding: 10px;
   line-height: 130%;
  list-style-type:none;   
}

div.footerb {
   float: left;
   width: 90px;
   padding: 10px;
   line-height: 130%;
   list-style-type:none;  
}   
div.footerc {
   float: left;
   width: 140px;
   padding: 10px;
   line-height: 130%;
   list-style-type:none;  
}  
div.footerd {
   float: left;
   width: 130px;
   padding: 10px;
   line-height: 130%;
   list-style-type:none;  
} 
div.footere {
   float: left;
   width: 130px;
   padding: 10px;
   line-height: 130%;
   list-style-type:none;  
}  
div.footerf {
   float: left;
   width: 130px;
   padding: 10px;
   line-height: 130%;
   list-style-type:none;  
}  

.form {
   padding: 20px;
   text-align: left;
   color: #696969;
} 

.waveplus {
	height:20px;
	width:100%;
	background:#CCC;
	color:#F4F4F4;
	text-align:center;
}

#footer_iphonelink{
	padding-bottom:15px;

}

#footer_wavepluslink{
	padding-top:20px;
	border-top:1px dotted #CCC;
	padding-bottom:15px;
}

#footer_ipodlink{
	padding-top:20px;
	border-top:1px dotted #CCC;
}

div.footerg {
   float: left;
   width: 130px;
   padding: 10px;
   line-height: 120%;
  list-style-type:none;   
}

div.footerh {
   float: left;
   width: 145px;
   padding: 10px;
   line-height: 120%;
   list-style-type:none;  
}   
div.footeri {
   float: left;
   width: 100px;
   padding: 10px;
   line-height: 120%;
   list-style-type:none;  
}  
div.footerj {
   float: left;
   width: 135px;
   padding: 10px;
   line-height: 120%;
   list-style-type:none;  
} 
div.footerk {
   float: left;
   width: 140px;
   padding: 10px;
   line-height: 120%;
   list-style-type:none;  
}  
div.footerl {
   float: left;
   width: 130px;
   padding: 10px;
   line-height: 120%;
   list-style-type:none;  
} 


#iphonemail_mail {
   margin-top:30px;
   font-weight:bold;
   background-image:url(../images/icon/mail_small.gif);
   background-position:left center;
   background-repeat:no-repeat;
   padding:10px 0 10px 40px;
}  

#iphonemail_mms {
   margin-top:30px;
   font-weight:bold;
   background-image:url(../images/icon/mms_small.gif);
   background-position:left center;
   background-repeat:no-repeat;
   padding:10px 0 10px 40px;
}  



/*レビューなどのオンラインストアへのリンク(スペースあり)*/

.onlinestore_link {
   margin-top: 60px;
   margin-bottom: 60px;
   width:520px;
   background-color:#fff;
   border-radius: 10px;        /* CSS3草案 */  
　 -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
   -moz-border-radius: 10px;   /* Firefox用 */  
   border: solid 1px #fff;
   padding: 1px;	
  }

.onlinestore_link:hover{
	background-color:#fff;
}

.onlinestore_title {
   font-size:13px;
   font-weight:bold;
}

.amazon_logo {
	margin-left:5px;
	padding:5px 0 5px 20px;
	background-image:url(../images/startipodguide/amazon.png);
	background-position:left center;
	background-repeat:no-repeat;	
	float: left;
}

.rakuten_logo {
	margin-left:5px;
	padding:5px 0 5px 20px;
	background-image:url(../images/startipodguide/rakuten.png);
	background-position:left center;
	background-repeat:no-repeat;	
	float: left;
}

.apple_logo {
	margin-left:5px;
	padding:5px 0 5px 20px;
	background-image:url(../images/startipodguide/apple.png);
	background-position:left center;
	background-repeat:no-repeat;
	float: left;
}

.onlinestore_left {
   float: left;
   width: 120px;
   padding: 10px;
   text-align:center;
   }
   
.onlinestore_right {
   float: right;
   width: 360px;
   padding: 10px;
} 


/*レビューなどのオンラインストアへのリンク(すぺーすなし)*/

.onlinestore_link2 {
   margin-top: 20px;
   margin-bottom: 20px;
   width:520px;
   background-color:#fff;
   /*border-radius: 10px;        /* CSS3草案 */  
　 /*-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
   /*-moz-border-radius: 10px;   /* Firefox用 */  
   border: solid 1px #fff;
   padding: 1px;	
  }

.onlinestore_link2:hover{
	background-color:#fff;
}

.onlinestore_title2 {
   font-size:13px;
   font-weight:bold;
}

.amazon_logo2 {
	margin-left:5px;
	padding:5px 0 5px 20px;
	background-image:url(../images/startipodguide/amazon.png);
	background-position:left center;
	background-repeat:no-repeat;	
	float: left;
}

.rakuten_logo2 {
	margin-left:5px;
	padding:5px 0 5px 20px;
	background-image:url(../images/startipodguide/rakuten.png);
	background-position:left center;
	background-repeat:no-repeat;	
	float: left;
}

.apple_logo2 {
	margin-left:5px;
	padding:5px 0 5px 20px;
	background-image:url(../images/startipodguide/apple.png);
	background-position:left center;
	background-repeat:no-repeat;
	float: left;
}

.onlinestore_left2 {
   float: left;
   width: 120px;
   padding: 10px;
   text-align:center;
   }
   
.onlinestore_right2 {
   float: right;
   width: 360px;
   padding: 10px;
} 



/*アプリなどのApp Storeへのリンク*/

.appstore_link {
   margin-top: 60px;
   margin-bottom: 40px;
   width:400px;
   background-color:#f4f4f4;
   border-radius: 10px;        /* CSS3草案 */  
　 -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
   -moz-border-radius: 10px;   /* Firefox用 */  
border: solid 1px #ccc;
	padding: 1px;
}

.appstore_link:hover{
	background-color:#e5e5e5;
}

.appstore_title {
   font-size:13px;
   font-weight:bold;
}

.appstore_left {
   float: left;
   width: 80px;
   padding: 10px;
   text-align:center;
   }
   
.appstore_right {
   float: right;
   width: 280px;
   padding: 10px;
   text-align:left;
} 


/*レビュー画面でのアプリなどのApp Storeへのリンク*/

.appstore_link2 {
   margin-top: 10px;
   margin-left: 20px;
   margin-bottom: 40px;
   width:400px;
   background-color:#fff;
   border-radius: 00px;        /* CSS3草案 */  
　 -webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
   -moz-border-radius: 0px;   /* Firefox用 */  
border: solid 1px #f4f4f4;
	padding: 1px;
}

.appstore_link2:hover{
	background-color:#fff;
}

.appstore_title2 {
   font-size:13px;
   font-weight:bold;
}

.appstore_left2 {
   float: left;
   width: 80px;
   padding: 10px;
   text-align:center;
   }
   
.appstore_right2 {
   float: right;
   width: 280px;
   padding: 10px;
   text-align:left;
} 



/*トップに戻る*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 80px;
	padding: 20px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}



/*@media screen and (device-width: 320px) and (device-height: 568px){*/
	
	
	@media screen and (max-width: 736px){
	
	#dropmenu li ul li{
  overflow: hidden;
  width: 180%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}	
	
	body {
	 background: #fff;
}

#hmenu-inner {
  width: 100%;
  margin: 0px auto;
  padding: 0px;
  background:#343434;
  }

/* -- ヘッダーメニュー -- */
  .mod_nav{width:100%;height:auto;}
  
    .mod_nav p.navtitle{
 cursor:pointer;
display:block;
 line-height:45px;
 color:#FFF;
 padding:0 0 0 50px;
 font-size:100%;
 font-weight:bold;
  background:transparent url('../images/bg_menu.jpg') no-repeat 9px 9px;
}.mod_nav ul{width:100%; display:none;}
.mod_nav ul li{float:none; background-color:#343434; width:98%; padding:0 1% 0 1%; text-align:left;}

 .mod_nav ul li a{border-bottom:solid 1px #999;
  padding:0 0 0 20px;}
  
  

/* -- ヘッダーの外枠 -- */
#header {
  background:#FFFFFF;
  min-width:320px;
}
/* --サイトトップ　ヘッダー部分 */
	
#header-inner {
  width: 100%;
   padding:0;
}
  	
#header-inner-left {
  width: 100%;
  float: none;
  
}

#header-inner-right {
  width:100%;
  float: none;
}

/* --ヘッダーロゴ */
.logotop{
  float: none;
  padding:10px 0px 0px;
 }

.logo{
	margin:0 auto;
}

.logo a{
	margin:0 auto;
}

.logo a:hover{
	margin:0 auto;
}



/* --ヘッダーアド */
.search{
  display:none;
}

h2 {
  font-size:11px;
  text-align: center;
  font-weight:lighter;
  color:#999;
  padding:10px 15px 10px;
}

/* -- グローバルメニューの外枠 -- */
#gmenu {
min-width:320px;
}

/* -- グローバルメニューPC用を消す -- */
#gmenu-inner {
  display:none;
}

/* -- グローバルメニュー -- */
#gmenu-mobile{
  display:block;
}


	/* -- コンテンツ サイドバーブロックの幅はここで指定 -- */
	#container {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  border-right:0px solid #C2C2C2;
  border-left:0px solid #C2C2C2;  
  background:#fff;
}

	/* -- サイドバーの幅分マイナス -- */
	#container-inner {
  text-align: left;
  float: left;
  width: 100%;
}

	/* -- サイドバーの幅分余白 -- */
	#contents {
  font-size: ;
  padding:0px;

}

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

div.article{
	margin-top: 0em;
	padding: 10px;
	border:0px solid #CCC;  
	background:#FFFFFF;
}

/* -- パン屑リスト -- */
.topic-path {
  line-height: 1em;
  margin-bottom: 0em;
      font-size:11px;
  color:#333;
}


/* -- ad468 -- */

div.ad468{
	margin-top: 0em;
	padding: 0px;
	border:0px solid #CCC;  
	background:#FFFFFF;
}

div.ad468 p{
	padding-left: 10px;
}

/* -- ad336 -- */

div.ad336{
	margin-top: 30px;
}

/* -- ad300 -- */

div.ad300{
	margin-bottom: 1.0em;
	overflow:auto;
}

/* -- ツイッター-- */

div.article_twitter{
	margin: 1em 10px;
	padding: 10px 0;
	padding-bottom: 5px;
	border:0px solid #CCC;  
	border-bottom:1px solid #CCC;  
	background:#FFFFFF;
}


/* -- 基本情報の大枠 -- */
div.article_startipodguide{
	margin-top: 1.0em;
	padding: 10px;
	border:0px solid #CCC;  
	background:#FFFFFF;
}
/* -- 使い方の大枠 -- */
	div.article_iphone{
		margin-top: 1.0em;
		padding: 10px;
		border:0px solid #CCC;  
		background:#FFFFFF;
	}
	
	
	.h3{
		padding:3px 10px 0px;
		font-size:13px;
	}
	
		.setsumei{
  color: #333;
  background: #f4f4f4 ;
  margin: 30px 0px;
  padding: 10px;
  border: 1px solid #d9d9d9;
}
	
	.setsumei_list{
  color: #333;
  background: #f4f4f4 ;
  margin: 20px 0px 0px 0px;
  padding: 10px;
  border: 3px solid #d9d9d9;
  width:300;
	}
	


	
	.article_iphone h4 {
		padding:5px 0 5px 10px;
		background:#FFF;
		border-left:#FF9900 6px solid;
		border-right:#CCC 0px solid;
		border-bottom:#FF9900 1px solid;
		border-top:#CCC 0px solid;
		font-weight: bold;
		font-size:13px;
		margin-bottom:20px;
	}

	/* -- 使い方トップ -- */
	div.coli-left{
		width: 80px;
		text-align: left;
		padding: 0px;
	}
	
	.coli-left img{
		width: 70px;
		max-width: 100px;
		height:auto;
	}
	
	div.coli-right{
		width: 100%;
		padding: 0px;
		float:none;
		padding-bottom:10px;
		/*border-bottom: 1px #CCCCCC solid;*/
	}
	
	/* -- 太字 使い方 説明文 -- */
.boldunderline_ipodhowto {
margin: 0px;

}
/* -- 使い方説明文 -- */
.sub {
margin: 0 5px;
font-size: 12px;
/* -- URLが折り返さないためのおまじない -- */
 /* white-space: pre;           /* CSS 2.0 */
 /* white-space: pre-wrap;      /* CSS 2.1 */
 /* white-space: pre-line;      /* CSS 3.0 */
 /* white-space: -pre-wrap;     /* Opera 4-6 */
 /* white-space: -o-pre-wrap;   /* Opera 7 */
 /* white-space: -moz-pre-wrap; /* Mozilla */
 /* white-space: -hp-pre-wrap;  /* HP Printers */
 /* word-wrap: break-word;      /* IE 5+ */
}
	
   #table {
width: 100%;
height: auto;
overflow:auto;

}

	
	#img {
	border: solid 1px #cccccc;
	padding: 1px;	
}
	
/* -- ヒント内の画像を縮小 -- */	
	div.hi-lite-ipod img{
		max-width:230px; height:auto;
	}
	
/*	.img {
	border: solid 1px #f4f4f4;
	padding: 1px;	
}*/
	
	
		.hi-lite-title{
   font-weight:bold;
   font-size:100%;
   padding:10px 5px 5px;
   font-size:12px;
}
	
	/* -- ヒント -- */
	.hi-lite{
  background: #f4f4f4 ;
  margin: 10px 0px 10px;
  padding: 2px 1px 2px 5px;
  border: 1px solid #cccccc;
}

.hi-lite-startipodguide{
  background: #f9f9f9 ;
  margin: 10px 0px 10px;
  padding: 2px 1px 2px 5px;
  border: 0px solid #cccccc;
}

.hi-lite-ipod{
  background: #f4f4f4 ;
  margin: 10px 0px 10px;
  padding: 2px 1px 2px 5px;
  border: 1px solid #cccccc;
}



   

   
/* -- 2枠 左110px写真　右説明文-- */
div.cols-left {
   width: 90px;
   float: left;
   padding: 3px;
   text-align: center;
   }
   
   div.cols-left img{
   width: 80px;
  height:auto;
   }
   
div.cols-right {
   float: none;
   width: 100%;
   margin-left: 0px;
   padding: 3px;
   text-align: left;
} 
   


/* -- 2枠 左160px写真　アプリ説明文-- */
div.colapp-left {
   width: 80px;
   float: left;
   padding: 3px;
   text-align: left;
   margin-top:3px;
   }
   
div.colapp-right {
   float: none;
   width: 99%;
   padding-rihgt: 0px;
   padding: 3px;
   text-align: left;
} 

/* -- 2枠 左160px写真　右説明文(キーボード)-- */
div.colt-left {
   width: 100px;
   float: left;
   padding: 2px;
   text-align: left;
   }
   
   div.colt-left img {
   width: 90px;
   height: auto;
   }
   
div.colt-right {
   float: left;
   width: 190px;
   margin-left: 0px;
   padding: 2px;
   text-align: left;
} 
   div.colt-right img {
   max-width: 190px;
   height: auto;
   }
   
div.coltt-right {
   float: left;
   width: 200px;
   margin-left: 0px;
   padding: 2px;
   text-align: left;
} 



/*レビューなどのオンラインストアへのリンク(すぺーすあり)*/

.onlinestore_link {
   margin-top: 20px;
   margin-bottom: 20px;
   width:100%;
   background-color:#fff;
   /*border-radius: 10px;        /* CSS3草案 */  
　 /*-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
   /*-moz-border-radius: 10px;   /* Firefox用 */  
   border: solid 1px #fff;
   padding: 1px;	
  }
  
.onlinestore_link:hover{
	background-color:#fff;
}  

.onlinestore_title {
   font-size:12px;
   font-weight:bold;
}

.onlinestore_left {
   float: left;
   width: 20%;
   padding: 10px;
   text-align:center;
   }
   
.onlinestore_right {
   float: right;
   width: 60%;
   padding: 10px;
} 


/*レビューなどのオンラインストアへのリンク(すぺーすなし)*/

.onlinestore_link2 {
   margin-top: 20px;
   margin-bottom: 20px;
   width:100%;
   background-color:#fff;
   /*border-radius: 10px;        /* CSS3草案 */  
　 /*-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
   /*-moz-border-radius: 10px;   /* Firefox用 */  
   border: solid 1px #fff;
   padding: 1px;	
  }

.onlinestore_title2 {
   font-size:12px;
   font-weight:bold;
}

.onlinestore_left2 {
   float: left;
   width: 20%;
   padding: 10px;
   text-align:center;
   }
   
.onlinestore_right2 {
   float: right;
   width: 60%;
   padding: 10px;
} 
   
   /* -- RSSを消す -- */

.article_rss{
	display:none;
}

/* -- サイドバー -- */
	#sidebar {
 	 float: none;
 	 text-align: center;
 	 width: 100%;
 	 padding: 1em 0px 1em;

	}
	
	#sidebar .bar {
 	 text-align: center;
 	 width: 100%;
	 height:auto;
	background:#00497c;
	color:#FFF;
	padding:5px 0;
	overflow:auto;
	}
	
		/* -- 文字 -- */
#sidebar p {
  line-height: 1.8em;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  text-align:left;
  padding-left:10px;
}
	
	
	/* -- サイドバーリスト -- */
	.localnavi {
  	/*font-size: 0.9em;*/
 	 list-style-type: none;
 	 margin-bottom: 1em;
 	 border: 0px solid #ccc;
 	 background-color: #FFFFFF;
 	 width: 100%;
	 text-align: left;
}

/* -- サイドバー人気アクセサリ -- */
.appsale {
  background:#FFFFFF;
  font-size: 0.9em;
  list-style-type: none;
  margin-bottom: 1em;
  border: #ccc 0px solid;
  width:298px;
  text-align:center;
  padding:0px;
  margin:0 auto;
}


/* -- フッターの外枠 -- */
#footer {
  width: 100%;
  margin: 0 auto;
  padding: 1em 0 1em;
  background: #343434;
  color: #FFFFFF;
  min-width:320px;
}

/* -- フッターブロックの幅はここで指定 -- */
#footer-inner {
  width: 320px;
  margin: 0 auto;
}


.footertitle{
display:none;}

div.footera {
   float: none;
   width: 300px;
   padding: 10px;
   line-height: 130%;
  list-style-type:none;   
}

div.footera li {
   float: left;
   padding: 0px;
   line-height: 130%;
  list-style-type:none;   
}

div.footerb {
   display:none;
}   
div.footerc {
   display:none;
}  
div.footerd {
   display:none;
} 
div.footere {
   display:none;
}  
div.footerf {
   display:none;
} 	

#undernavi {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  border-top:1px solid #CCCCCC;  
  background: #F4F4F4;
  min-width:320px;
}
#undernavitop {
display:none;
  }
.undernavi-inner {
    padding-top:20px;
	padding-bottom:24px;
	padding-left:0px;
	  margin: 0 auto;
	text-align: center;
	width: 320px;
	color: #696969;
}


/*トップに戻る*/
#page-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-size: 77%;
}
#page-top a {
	background-color:#666;
	border: #666 1px solid;
	text-decoration: none;
	color: #fff;
	width: 80px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	filter:alpha(opacity=85);
     -moz-opacity:0.85;
     -khtml-opacity: 0.85;
     opacity:0.85;
}
#page-top a:hover {
	text-decoration: none;
	background: #666;
}





	
}


	@media screen and (max-width: 584px){
		
		
		
/* -- 画像を縮小 -- */
	div.img img{
		max-width:300px;
		height:auto;
	}
	.img{
padding:20px 0px;
}

div.hi-lite .img img{
		max-width:285px;
		height:auto;
	}
	
		div.hi-lite-ipod .img img{
		max-width:285px;
		height:auto;
	}
		
		/* -- 使い方 3枠画像 -- */
div.sancol-left {
   float: left;
   width: 30%;
   padding: 5px 10px 5px 0px;
   font-size:10px;
   }
   div.sancol-left img{
   width: 100%; height:auto; max-width:150px;
   }
   
div.sancol-center {
   float: left;
   width: 30%;
   padding: 5px 10px 5px 0px;
   font-size:10px;
} 
   div.sancol-center img{
   width: 100%; height:auto; max-width:150px;
   }

div.sancol-right {
   float: left;
   width: 30%;
   padding: 5px 10px 5px 0px;
   font-size:10px;
} 
   div.sancol-right img{
   width: 100%; height:auto; max-width:150px;
   }

   /* -- 使い方 3枠画像　枠内 -- */
div.sancols-left {
   float: left;
   width: 30%;
   padding: 5px 6px 5px 0px;
   font-size:10px;
   }  
    div.sancols-left img{
   width: 100%; height:auto; max-width:150px;
   }
   
div.sancols-center {
   float: left;
   width: 30%;
   padding: 5px 6px 5px 0px;
   font-size:10px;
}   
 div.sancols-center img{
   width: 100%; height:auto; max-width:150px;
   }
   
   /* -- 使い方　目次-- */	

.setsumei_mobile{
display:block;
}

.setsumei_pc{
display:none;
}
	div.setsumei_list{
  color: #333;
  background: #f4f4f4 ;
  margin-top: 20px;
  padding: 10px;
  border: 3px solid #d9d9d9;
  width:300;
	}
   
   	div.collist-left {
   float: left;
   width: 50%;
   padding: 0px;
   padding-left: 0px;
   }
   
   
   
	div.collist-right {
   float: right;
   width: 50%;
   padding: 0px;
	} 
   
   /* -- 2枠(基本情報) -- */
div.col-left {
   float: left;
   width: 27%;
   padding: 3px;
   }
   
   div.col-left img{
   width: 100%;height:auto;max-width:150px;
   }
   
div.col-right {
   float: right;
   width: 68%;
   padding: 3px;
} 
/* -- 3枠 (基本情報) -- */
div.sancolb-left {
   float: left;
   width: 30%;
   padding: 4px;
   text-align: center;
   }   div.sancolb-left img{
   width: 100%; height:auto;max-width:150px;
   }
   
div.sancolb-center {
   float: left;
   width: 30%;
   padding: 4px;
   text-align: center;
}    div.sancolb-center img{
   width: 100%; height:auto;max-width:150px;
   }

div.sancolb-right {
   float: left;
   width: 30%;
   padding: 4px;
   text-align: center;
}    div.sancolb-right img{
   width: 100%; height:auto;max-width:150px;
   }



   /* -- 2枠 250x250 -- */
div.colb-left {
   float: left;
   width: 46%;
   padding: 3px;
   }
   
div.colb-left img {
  width: 100%;
   height:auto;
   max-width:250px;
   }
   
div.colbs-left {
   float: left;
   width: 120px;
   padding: 3px;
   } 
   
   div.colbs-left img {
   float: left;
   width: 120px;
   padding: 3px;
   }  
   
   
div.colb-right {
   float: left;
   width: 46%;
   padding: 3px;
} 
div.colb-right img {
   width: 100%;
   height:auto;
   max-width:250px;
}

div.colbs-right {
   float: left;
   width: 120px;
   padding: 3px;
} 
div.colbs-right img {
   float: left;
   width: 120px;
   padding: 3px;
} 


   /*アプリなどのApp Storeへのリンク*/

.appstore_link2 {
   margin: 10px 0;
   width:298px;
   background-color:#f4f4f4;
   border-radius: 1px;        /* CSS3草案 */  
　 -webkit-border-radius: 1px;    /* Safari,Google Chrome用 */  
   -moz-border-radius: 1px;   /* Firefox用 */  
border: solid 1px #ccc;
	padding: 0px;
}

.appstore_link2:hover{
	background-color:#e5e5e5;
}

.appstore_title2 {
   font-size:13px;
   font-weight:bold;
}

.appstore_left2 {
   float: left;
   width: 70px;
   padding: 5px;
   text-align:center;
   }
   
.appstore_right2 {
   float: right;
   width: 200px;
   padding: 5px;
   text-align:left;
} 

   
   }