/*
Theme Name: サプリメント専用
Theme URI: http://wordpress.org/themes/twentyfourteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@charset "UTF-8";
/* CSS Document */

a:hover{ opacity:0.8; text-decoration:none;}

img { vertical-align:bottom;}

.clearfix {width:100%;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}

body{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#wrap{ margin:0 auto; width:1000px;}
#head{ margin-bottom:40px;}
#left{ width:760px; float:left; }
#right{ width:240px; float:right; }
#graph{ background:url(http://calculus.rakutem.net/img/back.jpg) no-repeat; width:760px; height:944px; padding-left:48px;}
#graph a img{ margin:877px 0 0 19px;}

#choice{ margin:70px 0;}

.one{
	margin:20px 9px 0 4px;background: #FEF2C0;
border: #FBA43A 4px solid;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
width:720px;}

#data_1{ background:url(http://calculus.rakutem.net/img/back_1.png) no-repeat; width:720px; height:544px; margin:0 auto;}
.buyit{ padding:300px 0 0 12px;}

.summary{ border:#FBA43A 2px dotted; background:#FFF; margin:12px auto; width:694px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;}
.summary_title{ background:#FBA43A; color:#FFF; font-weight:bold; padding:8px 12px; text-align:center;}
.summary p{ font-size:0.875em; margin:6px; padding:6px;}
.offer{ margin:0 auto 20px; text-align:center;}

.strong{ color:#EB1A22; background:#FF0; font-weight:bold;}


.two, .three, .four, .five{
	margin:60px 9px 0 4px;background: #FFF;
border: #FBA43A 4px solid;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
width:720px;}

#data_2{ background:url(http://calculus.rakutem.net/img/back_2.png) no-repeat; width:720px; height:544px; margin:0 auto;}
#data_3{ background:url(http://calculus.rakutem.net/img/back_3.png) no-repeat; width:720px; height:544px; margin:0 auto;}
#data_4{ background:url(http://calculus.rakutem.net/img/back_4.png) no-repeat; width:720px; height:544px; margin:0 auto;}
#data_5{ background:url(http://calculus.rakutem.net/img/back_5.png) no-repeat; width:720px; height:544px; margin:0 auto;}


#right_back{ border-left:4px solid #381500; border-right:4px solid #381500;}
.side_rank{ margin:0 8px 0; border-bottom:1px #381500 solid;}
.side_rank dt{ margin:0 0 5px 0; text-align:center;}
.side_rank dd{font-size: 11px; margin:0; padding:0 4px 4px;}
.side_bottom img{ vertical-align:top;}

#info{ text-align:center; font-size:0.85em; padding:8px 0 0; margin:0;}

.fixed {
	margin-left: 760px;
	width:240px;
    position: fixed;
    top: 0;
    z-index: 2;
}

#footer{ text-align:center; font-size:0.65em; padding-top:12px; margin:12px 0 0;}
.author a{ color:#0E1BBB; font-weight:bold;}

/*商品検索ここから*/
#feas-result{
	margin:10px auto;
	background-color:#FFF;
	padding:10px;
	}
#feas-result .center{
	text-align:center;
}
#feas-result table{width: 100%;
	line-height:1.6em;
    font-size:0.75em;
	margin-bottom: -1px;
	border-collapse: collapse;
	margin:10px 0 10px 0;
}

#feas-result th{padding: 9px 9px;
    background-color:#fffff0;	text-align:center;
	border:2px solid;}

#feas-result td{padding: 9px 9px 9px 9px;
	border: 2px solid; background:#FFF;
	font-size:1.15em; line-height:1.7em;
	text-align:center;
}

#feas-form-0{ width:680px; margin:20px auto;}
#feas-form-0 table{width: 99%;
	line-height:1.6em;
    font-size:0.95em;
	margin-bottom: -1px;
	border-collapse: collapse;
	margin:10px 5px 10px 5px;}

#feas-form-0 th{padding: 9px 9px; width: 22%;
    background-color:#fffff0;	text-align:center;
	border: 2px solid;
font-size:0.85em;}

#feas-form-0 td{padding: 9px 9px 9px 9px;
	border: 2px solid; background:#FFF;
}
#feas-sort-menu{
		margin:10px auto;
	background-color:#FFF;
	padding:10px;}

#feas-submit-button-0 {
margin-bottom:20px;
font-size: 1.5em;
    font-weight: bold;
    padding: 15px 30px;
   color: #fff;
　 border-style: none;
    background: #36D900;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36D900), color-stop(100%,#36D900));/* webkit */
    background: -webkit-linear-gradient(top, #36D900, #36D900);/* webkit */
    background:    -moz-linear-gradient(top, #36D900, #36D900);/* fx */
    background:      -o-linear-gradient(top, #36D900, #36D900);/* opera */
    -pie-background:    linear-gradient(top, #36D900, #36D900); /*PIE*/
    background:         linear-gradient(top, #36D900, #36D900);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36D900', endColorstr='#36D900',GradientType=0 );*//*IE 9*/
 
    border:solid 3px #c0c0c0;
 
    /* 影 */
    -webkit-box-shadow: 0px 0px 4px 0px #c0c0c0, 0 2px 0 rgba(255, 255, 255, 0.2) inset;
       -moz-box-shadow: 0px 0px 4px 0px #c0c0c0, 0 2px 0 rgba(255, 255, 255, 0.2) inset;
         -o-box-shadow: 0px 0px 4px 0px #c0c0c0, 0 2px 0 rgba(255, 255, 255, 0.2) inset;
            box-shadow: 0px 0px 4px 0px #c0c0c0, 0 2px 0 rgba(255, 255, 255, 0.2) inset;
 
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.4);
}

#feas-submit-button-0:hover {
    background: #00ff00;
}

#feas-submit-button-0:active {
    background: #00ff00;
   
  
}

.feas-butn{ text-align:center;}

/* TOPの検索スタイル変更はここをいじって下さい */
#feas-searchform-0 p{text-align:center;}
#feas-searchform-0 { width:700px; float:left;}
#feas-searchform-0 table th{ border:#000 solid 2px; padding:10px; width:100px;}
#feas-searchform-0 table td{ border:#000 solid 2px; padding:10px;}

/* TOPの検索スタイルここまで */


.search_img{text-align:center; float:left; width:150px; height:150px; font-size:12px; line-height:16px;}
.search_margin5{margin:5px 0 0 0;}
.search_title{background-image:url(/img/kensakubar.gif); width:650px; height:32px; padding:10px 0 0 57px; color:#333; margin:0 0 20px 0;}

/* Google用サイトスタイル */


#gh1 {
  position: relative;
  background: #FFCE5D;
  font-size: 20px;
  line-height: 1;
  margin: 30px 20px 0px -10px;
  padding: 14px 5px 10px 50px;
  border-radius: 22px 0 0 22px;
}

#gh1:before {
  content: "";
  position: absolute;
  background: #47B39D;
  top: 50%;
  left: 14px;
  margin-top :-10px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  box-shadow: 1px 1px 1px #777 inset;
}
#gh1:after {
  content: "";
  position: absolute;
  top: 0;
  right: -22px;
  height: 0;
  width: 0;
  border: 22px solid #FFCE5D;
  border-right-color: transparent;
}

#gintro{ padding:0px 10px; line-height:30px;}
.bana{float:right; margin:0px 50px 0px 0px;}
.kensaku{float:left; margin-left:30px;}