/*////////////////////////////////////////*/
/*///// タブ部分のスタイルシート定義 /////*/
/*////////////////////////////////////////*/




* {margin:0px; padding:0px;}
.wrap {width:800px; margin:30px auto 50px auto;}
.clear {clear:both;}

body    { background-color:#f0fcf0; font-family:'HG丸ｺﾞｼｯｸM-PRO';}

ul.tabs {list-style:none; width:800px;}
ul.tabs li:first-child {border-left:1px solid #ccc;}
ul.tabs li {float:left; border-right:1px solid #ccc; border-top:1px solid #ccc; background-color:#eee;}
ul.tabs li.active {border-bottom:1px solid #fcfcf0; background-color:#fcfcf0; margin-bottom:-1px;}
ul.tabs li a {display:block; padding:10px 10px; color:#777; letter-spacing:-1px; outline:none; text-decoration:none; font-family:"HG丸ｺﾞｼｯｸM-PRO", "Lucida Grande", sans-serif;}
ul.tabs li.active a { color:#f00000;}

div.tabs_content {width:800px; border:1px solid #ccc; background-color:#fcfcf0;}
div.tabs_content > div {padding:50px 30px;}




/*////////////*/
/* 定義の終了 */
/*////////////*/