@charset "utf-8";

/*PHOTO*/
.picture {
    border: 1px solid #ccc;
}

/* リンク /////////////////////////////////////////////////////////////////// */

a { text-decoration: underline; }
a {outline: none;}
a img {text-decoration: none;}
a:link { color: #303030; }
a:visited { color: #303030; }
a:hover { color: #FD49AF; }


/* フォント ///////////////////////////////////////////////////////////////// */

.price { color: #ff0000; font-weight: bold; }
.attention { color: #ff0000; }
.mini {}
em {
    font-style: normal;
    color: #ff0000;
}

/* テーブル共通指定 ///////////////////////////////////////////////////////// */

table  {
    margin: 15px auto 0 auto;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-collapse: collapse;
    text-align: left;
}

table th {
    padding: 8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #fdecf7;
    font-weight: normal;
}

table td {
    padding: 8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

div.tblareabtn {
    clear: both;
    margin: 15px 0 0 0;
    text-align: center;
}

.phototd {
    width: 75px;
    text-align: center;
}

.centertd {
    text-align: center;
}

.pricetd {
    text-align: right;
}

.pricetd em {
    font-weight: bold;
}

div#completetext {
    width: 450px;
    margin: 15px auto 0 auto;
    padding: 15px;
    border: 5px solid #ccc;
}

div#completetext em {
    font-weight: bold;
}

div#completetext p{
    padding: 20px 0;
    text-align: left;
}

/* ヘッダー ///////////////////////////////////////////////////////////////// */

body {
}

#header {
	background-image: url('../img/header_background_spring.png');
	background-position: top center;
	background-repeat: repeat-x;
	height: 183px;
}

#header .inside {
	margin: 0 auto 0 auto;
	width: 950px;
}

#header .top {
	padding: 66px 0 5px 247px;
}

#header .bottom {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

#header .bottom a {
	color: #FFFFFF;
}

iframe {
	margin-left: 1px;
}

/* ナビ ///////////////////////////////////////////////////////////////////// */

#navi {
	height: 58px;
	background-image: url(../img/navi_background.png);
	background-repeat: repeat-x;
	background-position: top;
	overflow: visible;
}

#navi ul {
	text-align: center;
	width: 958px;
	margin-right: auto;
	margin-left: auto;
}

#navi li {
	display: inline;
	list-style-type: none;
	float: left;
}


/* メイン /////////////////////////////////////////////////////////////////// */

#main {
	clear: both;
	width: 950px;
	font-size: 93%;
	font-weight: normal;
	margin: 0 auto 0px auto;
	line-height: 131%;
	overflow: hidden;
}

.fs10 {font-size: 77%;}
.fs11 {font-size: 85%;}
.fs12 {font-size: 93%;}
.fs13 {font-size: 100%;}
.fs14 {font-size: 108%;}
.fs15 {font-size: 116%;}
.fs16 {font-size: 123.1%;}
.fs17 {font-size: 131%;}
.fs18 {font-size: 138.5%;}
.fs19 {font-size: 146.5%;}
.fs20 {font-size: 153.9%;}
.fs21 {font-size: 161.6%;}
.fs22 {font-size: 167%;}
.fs23 {font-size: 174%;}
.fs24 {font-size: 182%;}
.fs25 {font-size: 189%;}
.fs26 {font-size: 197%;}

.pink {color: #F755A8;}
.bold {font-weight: bold;}
.not_applicable {
	background: #FFFE73;
	border: 1px solid #F755A8;
	color: #F60E0E;
	font-size: 100%;
	font-weight: bold;
	line-height: 174%;
	padding-left: 1em;
}


/* コンテンツ /////////////////////////////////////////////////////////////// */

#contents {
	width: 710px;
	float: right;
}

#contents1 {
	width: 950px;
}

#contents p {
	margin-bottom: 10px;
}

/* バナー ------------------------------------------------------------------- */

#block_banner {
	margin-bottom: 10px;
}

#block_banner #news {
	width: 690px;
	text-align:center;
	border:3px #666 solid;
	border
	color:#333;
	font-size:12px;
	padding:5px;
	margin-bottom: 10px;
	background-color:#EEE;
}

#block_banner #news .pink {
	color: #666;
	font-size:14px;
	font-weight:bold;
	line-height:150%;
}


/* バナー予備元ピンク色 ------------------------------------------------------------------- */

#block_banner #news元 {
	width: 690px;
	text-align:center;
	border:3px #F69 solid;
	border
	color:#333;
	font-size:12px;
	padding:5px;
	margin-bottom: 10px;
	background-color:#fef0fd;
}

#block_banner #news元 .pink {
	color: #35A5FF;
	font-size:14px;
	font-weight:bold;
	line-height:150%;
}

/* バナー予備元ピンク色 ------------------------------------------------------------------- */



#block_banner .left {
	padding: 0 6px 10px 0;
	float: left;
	width: 352px;
}

#block_banner .right {
	padding: 0 0 10px 0;
	float: left;
	width: 352px;
}

#block_banner .bottom {
	clear: both;
}

/* NEWS & TOPICS  ----------------------------------------------------------- */

#block_news_banner {
	float: left;
	margin-right: 6px;
	margin-bottom: 12px;
	width: 352px;
}

#block_news {
	background-color: #FFF1FE;
	background-image: url(../img/block_news_background.png);
	background-position: bottom;
	height: 411px;
}

#block_news_inline {
	background-color: #FFF1FE;
	min-height:363px;
	/* ie用 */
	height: auto !important;
	height: 363px;
}

#block_news_inline ul {
	padding: 10px 0 0 16px;
}

#block_news_inline li {
	background-image: url(../img/block_news_ul.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 20px;
	line-height: 167%;
}

#block_banner_2 img {
	padding-top: 10px;
}

/* ピックアップ  ------------------------------------------------------------ */

#block_pickup {
	float: right;
	width: 352px;
	font-size: 10px;
	line-height: 14px;
}

#block_pickup h2 {
	padding-bottom: 18px;
}

#block_pickup .items {
	background-image: url(../img/block_pickup_item.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 113px;
	height: 180px;
	text-align: center;
}

#block_pickup .items img {
	padding: 9px 8px;
}

#block_pickup .items p {
	padding: 0 8px;
	text-align: left;
}

#block_pickup .price {
	font-size: 12px;
	color: #FD49AF;
}

/* マリンからのお知らせ ----------------------------------------------------- */

#block_marin {
	background-image: url(../img/block_marin_background.png);
	background-position: bottom;
	clear: both;
	width: 710px;
	margin-bottom: 10px;
}

#marin_info {
	padding: 0 24px 19px 24px;
}

/* INFOMATION --------------------------------------------------------------- */

#block_info {
	background-image: url(../img/block_info_background.png);
	background-position: bottom;
	clear: both;
	line-height: 146.5%;
}

#block_info h3 {
	font-weight: bold;
	font-size: 108%;
	line-height: 182%;
	margin-bottom: 10px;
}

#block_info .red {
	color: #FF0000;
}

#block_info .orange {
	font-size: 123.1%;
	color: #FF8A00;
}

#block_info .brown {
	background-color: #A07548;
	color: #FFFFFF;
	font-weight: bold;
}

#block_info .white {
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
	float: left;
	width: 6.5em;
}

#block_info .info_border {
	padding: 0 47px 15px 180px;
	backgound-color: transparent;
}

#info_animal {
	background-image: url(../img/block_info_animal.jpg);
	background-position: 20px 10px;
	background-repeat: no-repeat;
	padding: 10px 47px 15px 180px;
}

#info_commission {
	background-image: url(../img/block_info_commission.jpg);
	background-position: 20px 10px;
	background-repeat: no-repeat;
	padding: 10px 47px 15px 180px;
}

#info_payment {
	background-image: url(../img/block_info_payment.jpg);
	background-position: 20px 0;
	background-repeat: no-repeat;
	padding: 0 47px 25px 180px;
}

/* テキストリンク ----------------------------------------------------------- */

#text_link {
	padding-top: 40px;
	text-align: center;
}

#text_link p {
	padding: bottm: 1em;
}


/* メニュー ///////////////////////////////////////////////////////////////// */

#menu {
	width: 240px;
	float: left;
}

#menu h2{
	padding-left: 12px;
	font-size: 123.1%;
	font-weight: bold;
	color: #F755A8;
}

.menu_category_title {
	background-image: url(../img/menu_category_title.jpg);
	background-repeat: no-repeat;
	height: 42px;
	line-height: 42px;
}

.menu_info_title {
	background-image: url(../img/menu_title.jpg);
	background-repeat: no-repeat;
	height: 48px;
	line-height: 42px;
}

/* サーチボックス ----------------------------------------------------------- */

#search {
	background-image: url(../img/menu_search.jpg);
	background-repeat: no-repeat;
	height: 70px;
	margin-bottom: 10px;
}

#search_box {
	padding: 12px;
}

#search select {
	width: 210px;
	margin-bottom: 3px;
}

#search input {
	width: 150px;
}

#search .button {
	width: 55px;
}

/* アニマル ----------------------------------------------------------------- */

#menu_animal {
	margin-bottom: 10px;
}

#menu_animal li {
	background-repeat: no-repeat;
	line-height: 36px;
	padding-left: 57px;
	font-weight: bold;
	overflow: hidden;
	font-size: 12px;
}

/* フード＆グッズ ----------------------------------------------------------- */

#menu_goods {
	margin-bottom: 10px;
}

#menu_goods ul#category_tree li.level1 {
	display: inline;
	height: 32px;
	overflow: hidden;
	width: 234px;
}

#menu_goods ul#category_tree li.last {
	display: inline;
	height: 34px;
	overflow: hidden;
	width: 234px;
}

#menu_goods ul#category_tree li ul.inside {
	background: url(../img/menu_goods_background.png) no-repeat bottom left;
	padding: 0 0 10px 16px;
}

#menu_goods ul#category_tree li ul.inside li {
	background: url(../img/menu_ul.jpg) no-repeat left center;
	display: block;
	line-height: 167%;
	padding: 0 1em 0 20px;
}


/*
#menu_goods h3 {
	height: 32px;
	overflow: hidden;
}

#menu_goods h3.last {
	height: 34px;
	overflow: hidden;
}

#menu_goods ul {
	background-image: url(../img/menu_goods_background.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 0 0 10px 16px;
}

#menu_goods li {
	background-image: url(../img/menu_ul.jpg) no-repeat left center;
	line-height: 167%;
	padding-left: 20px;
	padding-right: 1em;
}
*/



/* カートの中身 ------------------------------------------------------------- */

#menu_cart {
	background-image: url(../img/menu_background.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	padding-bottom: 15px;
}

#menu_cart h2 {
	background-image: url(../img/menu_cart_title.jpg);
	background-repeat: no-repeat;
	height: 78px;
	line-height: 70px;
}

#menu_cart table#top {
	margin: 0 0 0 16px;
	width: 190px;
	border: 0;
}

#menu_cart table#bottom {
	margin: 0 0 0 16px;
	width: 207px;
	border: 0;
	font-size: 10px;
}

#menu_cart td {
	margin: 0;
	padding: 0;
	border: 0;
}

#menu_cart .price_title {
	padding-top: 9px;
	font-size: 116%;
	font-weight: bold;
	color: #FD49AF;
}

#menu_cart .price_value {
	padding-top: 9px;
	text-align: right;
	font-size: 116%;
	font-weight: bold;
	color: #FD49AF;
}

#menu_cart .items_title {
	padding-bottom: 9px;
	border-bottom: 1px dotted #303030;
	font-size: 85%;
}

#menu_cart .items_value {
	padding-bottom: 9px;
	border-bottom: 1px dotted #303030;
	text-align: right;
	font-size: 85%;
}

#menu_cart .message {
	line-height: 136%;
	padding-top: 12px;
	padding-right: 6px;
	font-size: 9px;
}

#menu_cart .button {
	padding-top: 12px;
	text-align: right;
}

/* 利用ガイド --------------------------------------------------------------- */

#menu_info div {
	background-image: url(../img/menu_background.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

#menu_info p {
	padding: 0 0 15px 0;
}
#menu_info ul {
	padding: 0 0 15px 16px;
}

#menu_info li {
	background-image: url(../img/menu_ul.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	line-height: 182%;
}

div#mobile #qrcode {
	padding: 6px 0 20px 12px;
}

div#inquiry {
	background-image: url(../img/menu_inquiry_background.png);
	background-position: bottom left;
}

div#inquiry h3, div#inquiry p {
	padding: 0 12px 8px 12px;
	line-height: 153.9%;
}

div#inquiry p {
	padding-bottom: 30px;
}

div#inquiry h3 {
	font-weight: bold;
}

div#mark {
	background: none;
	padding-top: 10px;
}

div#mark img {
	padding-right: 20px;
}

/* 一時 --------------------------------------------------------------------- */

#marshall {
	background-image: url(../img/menu_animal_marshall.jpg);
}

#real {
	background-image: url(../img/menu_animal_real.jpg);
}

#angora {
	background-image: url(../img/menu_animal_angora.jpg);
}

#ruby {
	background-image: url(../img/menu_animal_ruby.jpg);
}

#show {
	background-image: url(../img/menu_animal_show.jpg);
}

#chinchilla {
	background-image: url(../img/menu_animal_chinchilla.jpg);
}

#prairie {
	background-image: url(../img/menu_animal_prairie.jpg);
}

#monkey {
	background-image: url(../img/menu_animal_monkey.jpg);
}

#momonga {
	background-image: url(../img/menu_animal_momonga.jpg);
}

#skinny {
	background-image: url(../img/menu_animal_skinny.jpg);
}

#exotic {
	background-image: url(../img/menu_animal_exotic.jpg);
}

#bird {
	background-image: url(../img/menu_animal_bird.jpg);
}

#owl {
	background-image: url(../img/menu_animal_owl.jpg);
	height: 38px;
	background-repeat: no-repeat;
}


/* ガイドリンク ///////////////////////////////////////////////////////////// */

#guidearea {
    padding: 15px 0 0 0;
    line-height: 0;
}


/* ログイン ///////////////////////////////////////////////////////////////// */

div#loginarea {
    width: 144px;
    padding: 0 10px 10px 10px;
    border: solid 1px #ccc;
}

div#loginarea p {
    padding: 8px 0 0 0;
}

div#login img {
    padding: 0 5px 0 0;
    vertical-align: bottom;
}

div#loginarea .btn {
    text-align: center;
}

#loginarea .box96 {
    width: 96px;
    border: solid 1px #ccc;
}


/* カレンダー /////////////////////////////////////////////////////////////// */

#block-calendar {
}

#block-calendar table {
    border-collapse: collapse;
    margin: 0 auto 10px;
    text-align:center;
}

#block-calendar th, #block-calendar td {
    padding: 2px;
    border: 1px solid #CCCCCC;
}

#block-calendar th {
    background: #FF8144;
    color: #FFFFFF;
}

#block-calendar .off {
    background: #FFEECC;
    color: #E04A00;
}

#block-calendar caption {
    color: #DD4400;
}


/* バナー /////////////////////////////////////////////////////////////////// */

ul#banner {
    padding: 15px 0 0 0;
}

#banner li {
    padding: 0 0 10px 0;
}


/* フォーム ///////////////////////////////////////////////////////////////// */

.box60 {
	width: 60px;
}

.box120 {
	width: 120px;
}

.box260 {
	width: 260px;
}

.box300 {
	width: 300px;
}

.box380 {
	width: 380px;
}

.area380 {
	width: 380px;
}

/* テキストフィールド ------------------------------------------------------- */

input {outline: none;}

input[type='text'] {
    border: solid 1px #ccc;
}

/* ボタン ------------------------------------------------------------------- */

input[type='image'] {
    border: none;
}

input[type='image'].box190 {
    width: 190px;
    height: 30px;
}

input[type='image'].box180 {
    width: 180px;
    height: 30px;
}

input[type='image'].box150 {
    width: 150px;
    height: 30px;
}

input[type='image'].box140 {
    width: 167px;
    height: 38px;
}

input[type='image'].box130 {
    width: 130px;
    height: 30px;
}

input[type='image'].box51 {
    width: 51px;
    height: 22px;
}


/* フッター ///////////////////////////////////////////////////////////////// */

#footer {
	background-image: url(../img/footer_background_spring.jpg);
	background-position: bottom center;
	background-repeat: repeat-x;
    height: 210px;
}

#footer #copy {
	line-height: 31px;
}

#footer .inside {
    width: 950px;
    margin: 0 auto;
	text-align: center;
	font-size: 11px;
	color: #F755A8;
}

#footer #page_top {
	text-align: right;
}