@charset "UTF-8";

@import url(./tpo_home.css);
@import url(./jquery.jcarousel.css);
@import url(./skin.css);

/* Reset */
body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, dd { margin: 0; padding: 0; }
a { text-decoration: none; cursor: pointer; }
li { list-style: none; }
fieldset, img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
input, textarea { font-size: 1em; }
abbr, acronym { border-bottom: 1px dotted #333; cursor: help; }
textarea { overflow: auto; }

/* Basic Font */
body{
font-family:"メイリオ" , Meiryo , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
* html { font-size: 81.25%; line-height: 1.5; }

html body { font-size: 140%; line-height: 1.5; }

/* Headline */
/*h1 { font-size: 138.5%!important; font-size: 128% }*/
/*h2 { font-size: 123.1%!important; font-size: 120% }*/
h2 { font-size: 150%; }
/*h3 { font-size: 108%!important; font-size: 100%;  }*/
h3 { font-size: 140%; }

/* Basic Text_Design */
p { padding: 0 15px /*20px*/15px; }
strong { color: #d00; }
a { color: #20b4e2; }
  a:hover, a:visited { color: #20b4e2; }
  a:active { color: #20b4e2; }
table, td, th { border: none; }
#footer { font-size: 80%; color: #bbb }

/* Layout Fixed Footer */
html, body { height: 100%; }
#container { width: 950px; min-height: 100%; height: auto!important; height: 100%; margin: 0 auto -300px; }
  #pagenavi { clear: both; margin: 0!important; padding: 10px!important; margin: 10px; padding: 0; font-size: 80%; text-align: center; }
	*html #pagenavi { position: relative; }
  #push { height: 300px; margin: 0 auto; }
#footer { background: url("../../img/bg_footer.jpg"); }


ul.icSquare li {background-image:url(../../img/icon_square.gif); background-repeat:no-repeat; background-position:0 3px; line-height:2; padding:0 0 0 2em;}