/*全体--------------------------------*/

* {
  padding: 0;
  margin: 0;
}

address,em,strong {font-style:normal;font-weight:normal;}
li {list-style:none;}
h1,h2,h3,h4 {font-size:100%;font-weight:normal;}
img {border:0;}

a:link {
  color: #0000ff;
  text-decoration: underline;
}

a:visited {
  color: #990099;
  text-decoration: underline;
}

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

/* ---------------------------------------- フォントスタイル フォントサイズ */
body {
  font-size: 0.85em;
  text-align: center;
  line-height:1.6em;
  color:#666666;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Arial","ＭＳ Ｐゴシック",Helvetica,sans-serif,Osaka, "ＭＳ Ｐゴシック", "MS PGothic",'Lucida Grande',Arial,Helvetica,sans-serif, sans-serif'Lucida Grande';
  padding: 0;
  margin: 0;
  background-color:#f5f4ed;
}

/* ---------------------------------------- レイアウトに関する指定 */

#wrapper {
  text-align: left;
  margin:0;
  width: 100%;
  background-color:#e9f1f2;
}

#header {
  padding:0px;
  background:url(../images/bar_h1.jpg) repeat-x;
  border-bottom: 1px solid #cccccc; 
  height:100px;
  margin-bottom:60px;
}

#header .wrapper_in {
  text-align: left;
  margin:0 auto;
  width: 800px;
}

#container{width:800px;
background-color:#FFFFFF;
margin:0 auto;
padding:10px;}

#container #contents {
  /*padding:2em 29px 4em 30px;*/
  margin:10px;
}

#footer {
  clear: both;
  padding: 0.5em 0 1em;
}

#footer #copyright{font-size:10px;}

.clear{clear:both;}

.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 */

#footer .FootNavi01 {   
   margin: 0 10px 20px;   
}   

#footer .FootNavi01 li  {   
    display: inline;   
    margin-right: 0.5em;   
}  
#footer .FootNavi02 {   
   margin: 0 10px 20px;   
}   

#footer .FootNavi02 li  {   
    display: inline;   
    margin-right: 0.5em;   
}  
#footer .FootNavi03 {   
   margin: 0 10px 20px;   
}   

#footer .FootNavi03 li  {   
    display: inline;   
    margin-right: 0.5em;   
}  

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

/* -- 見出しレベル1 -- */
h1 {
  font-size: 1.6em;
  font-weight:bold;
  color:#ffffff;
  padding:25px 0px 5px 0px;
  /*margin-bottom: 0.5em;*/
}

/* -- 概要 -- */
#header .description {color:#FFFFFF;
font-size: 0.8em;
margin-bottom: 0.5em;}

#contents .description {font-size: 1em;
  margin-bottom: 0.5em; }

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

/* -- 見出し -- */
h2 {
  font-size: 1.2em;
  font-weight:bold;
  margin-top:1em;
  margin-bottom: 1.5em;
  padding: 10px 0 5px 10px;
  border: 1px solid #dddddd;
 background:url(../images/bar_h2.gif) repeat-x;
}


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

#contents .f_l{float:left;}
#contents .f_r{float:right;}


/* -- 以下 リスト関係 -- */
#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: 1em 0 1em 20px; }
#contents ol { margin: 1em 0 1em 30px; }
#contents li { margin-bottom: 0.5em; }*/


#contents .con{width:96%;
text-align:left;
margin:0 auto;}

/* -- APIを使ってみよう！ -- */
#api .php_area{padding:15px 20px 30px 20px;}

/* -- バナー広告を張ってみよう！ -- */
#contents #banner ul li{float:left;
margin:15px 20px 15px 0px;}

/* -- バナー広告を張ってみよう！ -- */
#contents #banner ul li{float:left;
margin:15px 20px 15px 0px;}


/* -- MyLinkを使ってみよう！ -- */
/*#contents #mylink p{margin:15px;}*/
#contents #mylink p.f_r{
max-width:30em;
min-width:10em;
position: relative;
  /* IE用 */
  width: expression(document.body.clientWidth < 501? "10em" : document.body.clientWidth > 901? "30em" : "auto");
}
#contents #mylink img {
margin:5px 20px 20px 0px;
float:left;
}

/* -- 商品リンクを使ってみよう！ -- */
#contents #product ul li{float:left;
margin:15px 20px 15px 0px;
width:100px;}



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

#footer #copyright{font-size:0.8em;}

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

/* ナビゲーション
---------------------------------------------*/
#globalNav {
	overflow: auto !important;
	overflow /**/: hidden;
	width: 100%;
	background: #E8E8E8 url(../images/global_nav_bg.gif) left top repeat-x;
	border-bottom: 3px solid #CCCCCC;
}
#globalNav li {
	float: left;
	width: 14em;
	border-right: 1px solid #CCCCCC;
}
#globalNav ul {
	margin: 0 0 5px 0;
	text-align: center;
}
#globalNav li a {
	display: block;
	width: 100%;
	line-height: 2.5em;
	color: #333333;
	text-decoration: none;
	text-align: center;
	background: #E8E8E8 url(../images/global_nav_a_bg.gif) 0 0 repeat-x;
}
#globalNav li a:hover {
	color: #FFFFFF;
	background: #50B622 url(../images/global_nav_a_bg.gif) 0 -100px repeat-x;
}