@charset "UTF-8";

body {
  font-size:12px;
	background-color: #FFFFFF;
	font-family: Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	color: #666666;
}

#ie-wrapper {
  text-align: center;
  color:#000000;
}

#outer-wrapper {
  margin: 0 auto;
  width: 920px;
  text-align: left;
}

#header {
  margin-top:5px;
}

#sidebar {
  float:right;
  width: 28%;
/*
  height: 1200px;
*/
  background: #ffffff;

}

#content {
  float:left;
  width: 70%;
}

#footer {
  clear:both;
  background: #eee;
  text-align: center;
  line-height: 1.4em;
  color: #FFFFFF;
  background-image: url(/images/bg/panel-title-bg.gif);
}


/************ タイトルエリア部分定義 ************/
#ttl_area {
  width:100%; margin-bottom:0px;
}

#ttl_area img {
  float:left; width:353px; margin-left:20px; border:0px;
}

#ttl_desc {
  float:right; width:425px; margin:30px 45px 0 5px; font-size:1.3em; font-weight:bold; letter-spacing:0.1em;
}

/************ タブ定義 ************/
#tab_navigation {
  font-size:1.4em;
  letter-spacing:0.1em;
  background: #FFF;
  margin: 1em 0 0;
  padding: 0.6em 0 0;
  font-weight: bold;
}
#tab_navigation ul, #tab_navigation ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#tab_navigation ul {
  padding: 5px 0 5px;
  text-align: left;
}
#tab_navigation ul li {
  display: inline;
}
#tab_navigation ul li a {
  background: url(/images/bg/tableft.gif) no-repeat left top;
  color: #FFF;
  text-decoration: none;
  padding: 5px 0;
}
#tab_navigation ul li span {
  background: url(/images/bg/tabright.gif) no-repeat right top;
  padding: 5px 7px 5px 3px;
  margin: 4px 0 4px 4px;
}
#tab_navigation ul li a:hover span {
  text-decoration: underline;
  background-position: 100% -75px;
}
#tab_navigation ul li a:hover {
  background-position: 0 -75px;
}
#tab_navigation #current a {
  background-position: 0 -150px;
}
#tab_navigation #current a span {
  background-position: 100% -150px;
  color:#200059;
  cursor:default;
  text-decoration: none;
}


/*- Internet Explorer...It's Hacktastic!--------------------------- */

/*\*//*/
#tab_navigation ul li a {
  display: inline-block;
  white-space: nowrap;
  width: 1px;
}

#tab_navigation ul {
  padding-bottom: 0;
  margin-bottom: -1px;
}
/**/

/*\*/
* html #tab_navigation ul li a {
  padding: 0;
}
/**/

/************ アイテム紹介エリア部分定義 ************/
#itemsarea {
  width:100%; margin-top:0px; margin-bottom:15px; text-align:center;
  /** 背景の色 **/
  background: #75A9FF;
  padding:10px 0;
}

.itmbox {
width:95%;
margin:10px auto 10px auto;
  border:1px solid #aaa;
}
.itmbox h4 {
text-align:left;
  margin:0 0 2px 0;
  padding:2px 10px;
  font-size:1.4em;
  line-height:1.8em;
  letter-spacing:0.1em;
  color:#000;
  background: url(/images/panel-title-light-bg.gif) repeat-x;
}
div.itm_desc1{
  padding:4px 8px;
  text-align:center;
  background: url(/images/bg/gradient_item.png) repeat-x; 
}

.itm_desc1 img {
  float:left; border:1px solid #0000ff; margin:10px 15px;
}

div.itemcontents_desc{
  float:right; margin-left:2px; text-align:left; width:70%;
}

.itemcontents_desc h3 {
  margin:0 0 5px 0; line-height:1.4em; font-size:1.2em;
  line-height:1.4em;
}

.itemcontents_desc p {
  margin:0 0 0 5px;
  line-height:1.4em;
}

/************ サイドバー部分定義 ************/
.sidebox2 {
  border:1px solid #aaa;
  margin-bottom:10px;
}
.sidebox2 h4 {
  border-bottom:1px solid #aaa;
  margin:0 0 2px 0;
  padding:0 10px;
  line-height:27px;
  color:#000;
  background-color:#ffffa4;
}

div.side_desc2{
  padding:4px 8px;
  text-align:center;
  line-height:1.4em;
}

/************ Google AdSense用定義 ************/
#linklist {
/*
  width:75%; margin:5px auto;
*/
}

.adsense1 {
  width:80%; margin:10px auto;
}
/* サイドバーの広告 */
#adsense_sb1 {
  margin:10px auto;
}

/************ メールフォーム用定義 ************/
#mailform1 {
  text-align:center; 
  width: 280px; 
  height: 340px; 
  font-size:14px; 
  visibility:hidden;
}