/* ========================================================
	 title   :  東翔様　オリジナルスキン
	 browser :  Firefox2, IE6-7, opera9, Safari
	 date    :  2009.7.1
   ======================================================== */

/*------------------
 ページ全体
------------------*/
* {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
  line-height: 140%;
  font-size: 100%;
  text-align: center;
  color: #444444;
  background: #FFF482;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;
}
p,li,dt,dl {
  line-height: 160%;
}
li {
  list-style-type: none;
}
img {
  border: 0;
}
address {
  font-style: normal;
}

/*------------------
 リンク
------------------*/
a {
  text-decoration: none;
  color: #444444;
}
a:hover {
  text-decoration: underline;
  color: #444444;
}

/*------------------
 その他
------------------*/
.clear {
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}
.clearfix:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}
table {
  font-size: 100%;
}

/*------------------
 POTIKA ヘッダーボタン
------------------*/
#link_bar {
  background: url("http://www.potika.net/contents/common/bg_header.gif") repeat-x left top;
}
#link {
  margin-right: auto;
  margin-left: auto;
  width: 1000px;
  background: url("http://www.potika.net/contents/common/header.gif") no-repeat left top;
  text-align: right;
}
#link_logo a {
  display: inline; /*IE用marginバグfix*/
  float: left;
  margin: 17px 0 0 16px;
}
.link_other a {
  display: inline; /*IE用marginバグfix*/
  float: right;
  margin: 24px 5px 10px 0;
}

/*------------------
 骨組み
------------------*/
div#wrapper {
  width: 1000px;
  _width: 1050px;
  background: url(http://ts-tousyou.potika.net/img/bg_wrapper.gif) repeat-y center top;
  margin: 0 auto;
  padding: 0 25px;
  text-align: left;
}

/*------------------
 ヘッダー
------------------*/
div#header {
  width: 1000px;
  height: 224px;
  background: url(http://ts-tousyou.potika.net/img/bg_header.gif) no-repeat left top;
}

div#header p {
  padding: 0 10px;
  color:#FF1C6D;
  font-size:90%;
}

div#header h1 {
  text-indent: -9999px;
}

/*------------------
 	ボディ
------------------*/
div#body {
  clear: both;
  width: 1000px;
  background: url(http://ts-tousyou.potika.net/img/bg_content.gif) repeat left top;
}

/*------------------
 	フッター
------------------*/
div#footer {
  clear: both;
  width: 1000px;
  min-height: 171px;
  _height: 171px;
  background: #ffffff url(http://ts-tousyou.potika.net/img/bg_footer.gif) no-repeat left top;
}

/*------------------
 	メインメニュー
------------------*/
div#main-menu {
  background: url(http://ts-tousyou.potika.net/img/bg_main_menu.gif) no-repeat left top;
  width: 1000px;
  height: 38px;
}

div#main-menu dl {
  width: 1000px;
  height: 38px;
}

div#main-menu dl dt {
  display: none;
}

div#main-menu dl dd {
  width: 106px;
  height: 38px;
  float: left;
}

div#main-menu dl dd a {
  display: block;
  width: 106px;
  height: 38px;
  text-indent: -9999px;
}

div#main-menu dl dd#home a:hover {
  background: url(http://ts-tousyou.potika.net/img/bg_menu_home.gif) no-repeat left top;
}

div#main-menu dl dd#about a:hover {
  background: url(http://ts-tousyou.potika.net/img/bg_menu_about.gif) no-repeat left top;
}

div#main-menu dl dd#tosou a:hover {
  background: url(http://ts-tousyou.potika.net/img/bg_menu_tosou.gif) no-repeat left top;
}

div#main-menu dl dd#puti a:hover {
  background: url(http://ts-tousyou.potika.net/img/bg_menu_puti.gif) no-repeat left top;
}

div#main-menu dl dd#flow a:hover {
  background: url(http://ts-tousyou.potika.net/img/bg_menu_flow.gif) no-repeat left top;
}

div#main-menu dl dd#works a:hover {
  background: url(http://ts-tousyou.potika.net/img/bg_menu_works.gif) no-repeat left top;
}

div#main-menu dl dd#qa a:hover {
  background: url(http://ts-tousyou.potika.net/img/bg_menu_qa.gif) no-repeat left top;
}

div#main-menu dl dd#voice a:hover {
  background: url(http://ts-tousyou.potika.net/img/bg_menu_voice.gif) no-repeat left top;
}
div#main-menu dl dd#contact a:hover {
  background: url(http://ts-tousyou.potika.net/img/bg_menu_contact.gif) no-repeat left top;
}

/*------------------
 	サブメニュー
------------------*/
div#sub-menu {
  width: 280px;
  _width: 1000px;
  padding: 110px 0 0 700px;
}

div#sub-menu dl {
  width: 280px;
}

div#sub-menu dl dt {
  display: none;
}

div#sub-menu dl dd {
  float: left;
  width: 100px;
  background: url(http://ts-tousyou.potika.net/img/allow.gif) no-repeat left center;
  padding-left: 12px;
  margin-right: 15px;
  line-height: 140%;
}

div#sub-menu dl dd#sub-menu-1 {
  width: 250px;
}

div#sub-menu dl dd a {
  font-size: 85%;
  color: #FF1C6D;
}


/*------------------
 	トップページ
------------------*/

div#top-message {
  padding: 10px 30px;
  background: url(http://ts-tousyou.potika.net/img/bg_content.gif) repeat left top;
}

div#top-message strong {
  display: block;
  text-align: center;
  margin-bottom:8px;
}

div#top-message em {
  color: #FF1C6D;
  font-style: normal;
}

div#top-omakase {
  _width: 1000px;
  padding: 0 10px;
  background: #ff1c6d url(http://ts-tousyou.potika.net/img/bg_omakase.gif) repeat-x left top;
  color: #ffffff;
  font-size: 90%;
}

div#top-omakase p#top-omakase-l {
  float: left;
  width: 850px;
  margin: 8px 10px 10px 0;
}

div#top-omakase p#top-omakase-r {
  float: left;
  width: 100px;
  margin: 8px 0 10px 0;
}

div#top-omakase strong {
  color: #fae800;
}

div#top-omakase span.dot {
  color: #ff9a97;
}

div#top-cutomer-voice {
  padding: 10px 10px;
  background: #e6dcb4;
  font-size: 0;
}

div#top-cutomer-voice strong {
  display: block;
  text-align: center;
  margin-bottom:8px;
}

div#top-works {
  width: 1000px;
  background: #000000;
  color: #ffffff;
}

div#top-works dl dt {
  float: left;
  width: 140px;
  _width: 160px;
  text-align: center;
  padding: 10px;
}

div#top-works dl dd {
  float: left;
  width: 140px;
  text-align: center;
  font-size:85%;
}

div#top-works dl dd a {
  display: block;
  color: #ffffff;
  padding: 10px;
}

div#top-works dl dd a:hover {
  display: block;
  background: #FF1C6D;
}


div#top-works dl dd a img {
  margin-bottom: 13px;
}

div#top-kanban {
  width: 1000px;
  height: 546px;
  background: url(http://ts-tousyou.potika.net/img/bg_kanban.jpg) no-repeat left top;
  position: relative;
}

div#top-kanban a#link-reform {
  position: absolute;
  left: 55px;
  top: 445px;
}

div#top-kanban a#link-loan {
  position: absolute;
  left: 425px;
  top: 185px;
}

/*------------------
 	サブページ共通
------------------*/
div#sub-container {
  padding: 30px 50px;
}

div#sub-container div.content-header {
  width: 900px;
  height: 15px;
  background: url(http://ts-tousyou.potika.net/img/bg_content-h.gif) no-repeat center bottom;
}

div#sub-container div.content-body {
  width: 840px;
  _width: 900px;
  padding: 0 30px;
  background: url(http://ts-tousyou.potika.net/img/bg_content-b.gif) repeat-y center top;
  border: none;
}

div#sub-container div.content-footer {
  clear: both;
  width: 900px;
  height: 15px;
  background: url(http://ts-tousyou.potika.net/img/bg_content-f.gif) no-repeat center top;
}


.m-left30 {
  margin-left: 30px;
}

.t-align-r {
  text-align: right;
}

.t-align-c {
  text-align: center;
}

h2 {
  font-weight: bold;
  font-size: 180%;
  margin: 0 20px 15px 20px;
  line-height: 1.2;
}

h3 {
  font-weight: bold;
  margin: 20px 0 5px 0;
}

#pagenavi{
  clear: both;
  width: 1000px;
  padding: 10px 0;
  color: #7F7F7F;
  text-align: center;
}