*|* { margin:0pt; padding:0pt; }
/*==================================*/
/* 基本設定                           */
/*  - ヘッダー背景画像の指定             */
/*　- 背景色、フォントサイズ＋色　　      */
/*==================================*/
 body {
	background: transparent url(../img/background-new1.jpg) repeat-x center top;
	/* background-color:#f1f8e2;  */
	background-color:#FFFFFF
	font-family: "osaka", "ＭＳ Ｐゴシック","lucida sans", arial, sans-serif;
	font-size:.75em;
	color:#6e6b54;
	margin:0;
	padding:0; }

/*==================================*/

/*==================================*/
 div.paragraph {
	line-height:1.5; }


/*==================================*/

/*==================================*/
 p {
	line-height:1.5;
	text-indent: 1em;
	margin-bottom: 30px;}

/*==================================*/
/* H1, H2, H3                       */
/*==================================*/
 h1, h2, h3{
	line-height:1.5; }

/*==================================*/
/* リンク：基本フォント色              */
/*==================================*/
 a:link, a:visited, a:hover {
	color:#35321d;
	font-weight:normal;
	text-decoration:none; }

/*==================================*/
/* BODY : 全体の表示幅を指定            */
/*==================================*/
 #wrapper {
	width:100%;
	margin:0pt auto; }

/*==================================*/
/* BODY: コンテンツの表示幅を指定        */
/*==================================*/
 #contents {
	width:760px;
	margin:0pt auto; }


/*==================================*/
/* ヘッダー以下のコンテンツの基本設定      */
/*==================================*/
 #main {
	clear:both;
	margin-bottom:20px;
	margin-left:7px;
	padding-top: 0px;
	padding-bottom:20px;}


/*==================================*/
/**/
/*==================================*/
 img.image-left {
	margin-right:15px;
	float:left; }

 img.image-right {
	margin-left:15px;
	float:right; }

/*==================================*/
/* ヘッダー：会社ロゴのポジション 　　　　　*/
/*==================================*/
   #sitelogo {
	/*
	position:relative;

	width:176px;
	height:177px;
	*/
	width:200px;
	height:128px;

	margin-top:30px;
	margin-bottom:20px;
	border:none;
	vertical-align: top;


}

/*==================================*/
/* 使われてないかも？　　　　　　　　　　　*/
/*==================================*/
 #divider {
	padding-top:5px;
	padding-left:220px; }


/*==================================*/
/* 使われてないかも？　　　　　　　　　　　*/
/*==================================*/
 #date {
	font-family:palatino,garamond, "times new roman",serif;
	color:#6e6b54;
	line-height:38px;
	font-size:.65em;
	font-weight:normal;
	font-style:italic;
	text-align:center; }



/*==================================*/
/* ヘッダー：メニューバー　　　　　　　　　 */
/*==================================*/
 #navigation {
	float:left;
	/* width:760px; */
	width:760px;
	padding-top:12px;
	margin-top: 5px;
	font-family:"lucida sans", arial, sans-serif;
	font-size:1em; }

   #navigation ul {
	float:left;
	width:760px;
	height:65px;
	padding-top:14px;
	padding-top: 0px;
	margin-left:0px; }

   #navigation li {
	float:left;
	display:inline;
	font-size:1em;
	padding:5px 25px 0px 5px;

	}

   #navigation a:link {
	color:#fff;
	font-weight:normal;
	text-decoration:none; }
   #navigation a:visited {
	 color:#fff;
	font-weight:normal;
	text-decoration:none; }
   #navigation a:hover {
	color:#F15E7C;
	font-weight:bold;
	text-decoration:none; }




/*==================================*/
/* サイドバー #1  基本設定              */
/*==================================*/

 #sidebar1 {
	margin: 10px 10px 10px 15px;
	background:#cff;
	border:1px solid #d5d5d5;	}

   .sidebar1 ul{
	    padding 10px;
		list-style-type: none;}

   .sidebar1 li {
		float:left;
		padding:0 0 24px 8px;}

/*==================================*/
/* テーブルの Spacing (会社概要)        */
/*==================================*/
 .td1 {
    text-align: left;
	padding:10px}


/*==================================*/
/* サイドバー用囲み枠（Hot Topics など)  */
/*==================================*/
 .side_box1{
	border:1px solid #dbdedb;
	padding:4px;
	margin:5px 0px 5px 10px;}

/*==================================*/
/* サイドバー用囲み枠（for Facebook)  */
/*==================================*/
 .side_box2{
	padding:4px;
	margin:5px 0px 5px 10px;}

/*==================================*/
/* サイドバー用タイトル  */
/*==================================*/
 .side_title1{
 	text-align: left;
 	color: #9d9d9d;
 	/*
 	color: #F15E7C;
 	font-style:italic;
 	*/
 	border-bottom: dotted 1px #dbdedb;
 	margin-bottom: 10px;}

/*==================================*/
/* サイドバー：　バナー                */
/*==================================*/
  .side_banner{
	margin: 10px 10px 10px 10px; }


/*==================================*/
/* リスト表示：　フラスコ（gray）        */
/*==================================*/
  .item_flask_gray {
/*    height: 50px;
    vertical-align: text-bottom;
  	background-image: url("../img/flask_gray.gif");
    background-repeat: no-repeat;
    background-position: left bottom;
  	padding-left: 32px;

  	*/

    background-image: url("../img/flask_gray.gif");
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 30px;
    padding-right: 10px;
    margin-left: 0px;
    margin-bottom: 10px;
  }

/*==================================*/
/* リスト表示：　鳥（ピンク）        */
/*==================================*/
  .item_bird_pink {
    height: 10px;
    vertical-align: text-bottom;
/*
  	background-image: url("../img/bird_salmon.gif");
*/
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 10px;
    margin-bottom: 0px;
  }



/*==================================*/
/* リスト表示：　サクラの花（ピンク）        */
/*==================================*/
  .item_sakura_pink {
    height: 30px;
    vertical-align: text-bottom;
  	background-image: url("../img/sakura_gray.png");
    background-repeat: no-repeat;
    background-position: left top;
  	padding-left: 30px;
  	margin-left: 0px;
  	margin-bottom: 10px;
  }

/*==================================*/
/* リスト表示：　花びら        */
/*==================================*/
  .item_petal_pink {
    vertical-align: text-bottom;
  	background-image: url("../img/petal_gray.png");
    background-repeat: no-repeat;
    background-position: left top;
  	padding-left: 20px;
  	margin-left: 20px;
  	margin-bottom: 10px;
  }


/*==================================*/
/* "BODY" 左側コラム設定　　　　　　　　 */
/*==================================*/
 #left_column{
 	width: 75%;
 	float: left;
 	overflow: visible;
 	margin: 0;
 	padding: 0;
 }


/*==================================*/
/* "BODY" 右側コラム設定　　　　　　　　 */
/*==================================*/
 #right_column{
 	width: 25%;
 	left: 25%;
 	float: left;
 	overflow: visible;
 	margin: 0;
 	padding: 0;
 }





/*==================================*/
/* ナビゲーションリンク */
/* "HOME > [ページ名]" を表示 */
/*==================================*/
.navline {
	overflow:hidden;
	margin:0 0 25px 0;
	padding:0;
	line-height: 20px;
	color:#888888;
	border-bottom:1px solid #9d9d9d;}

  .navline a {
	float:left;
	overflow:hidden;
	padding:0 8px;
	font-style:normal;}

  .navline a:hover {
	float:left;
	overflow:hidden;
	padding:0 8px;
        color:#F15E7C;
	font-size: 1em;
	font-weight:900;}

  .navline span {
	overflow:hidden;
	padding:0 10px 10px 10px;
	width:0;}



/*=========================================================*/
/* "Home" に表示する「サクララボラトリーが目指すもの」の画像＋リンク  */
/*=========================================================*/
 #conceptlink {


	padding:4px;
	margin-top: 10px;
	padding-right: -60px;
	margin-bottom: -25px;
	float: center;
	}
   #conceptlink a{
	width : 544px;
	height : 67px;
	border: 1pt solid #dbdedb;
	background:url("../img/companyconcept.jpg") no-repeat;
	text-indent:-3000em;
	display:block;
	overflow:hidden;
	}

/*==================================*/
/* Mail Form 欄(問い合わせ)用の囲み枠 */
/*==================================*/

 .mailform_box{
 	width: 520px;
	border:1px solid #dbdedb;
	background: #fff;
	font-size: 1.1em;
	padding:10px; }


/*==================================*/
/* Mail Form 欄(問い合わせ): タイトル   */
/*==================================*/
  .mailform_title{
  	margin-top: 20px;
  	margin-bottom: 20px;
  }



/*==================================*/
/* Mail Form 欄(問い合わせ): メール送信 */
/*==================================*/
  .mailform_mail{
  	background-image: url(../img/mail_gray.png);
    background-repeat: no-repeat;
    background-position: left center;
  	margin-bottom: 10px;
  }
    .mailform_mail h2{
	  	padding-left: 28px; }
	.mailform_mail h3{
	  	padding-left: 26px; }

/*==================================*/
/*　Mail Form 欄(問い合わせ): 電話番号  */
/*==================================*/
  .mailform_phone h3{
  	background-image: url(../img/phone.gif);
    background-repeat: no-repeat;
    background-position: left center;
  	padding-left: 28px;
  	margin-bottom: 10px;
  }



/*==================================*/
/* "Home" 内の 写真＋タイトル(リンク) 囲み枠 */
/*  (固定幅)　　　　　　　　　　　*/
/*==================================*/

 .main_box2{
/*	border:1px solid #dbdedb; */
	background: #fff;
	font-size: 1.1em;
	padding:5px; }

   .main_box2 a:link a:visited{
	font-weight:normal; }

   .main_box2 a:hover {
	font-weight:bold; }


/*==================================*/
/* "Main Body" 内の 背景白色　囲み枠   */
/*  (フレキシブル幅)　　　　　　　　　　　*/
/*==================================*/

 .main_box1{
 	width: 520px;
	border:1px solid #dbdedb;

	background: #FFFFFF;
	padding:10px;
	margin-bottom: 20px; }


/*==================================*/
/* "製品紹介" 内の画像　基本設定　　　   */
/*==================================*/
 .product_img{

 	margin-left: 20px;
 	margin-right: 20px;
 	margin-top: 0px;
 	margin-bottom: 10px;
 }

/*==================================*/
/* "サンプル" 内の画像　基本設定　　　   */
/*==================================*/
 .sample_img{

 	margin-left: 5px;
 	margin-right: 20px;
 	margin-top: 0px;
 	margin-bottom: 10px;
 }


/*==================================*/
/* "製品紹介" 内の画像下スペーシング設定  */
/*==================================*/
 .spacing1 {
 	display: block;
 	font-size: 90%;
 	margin-top: -10px;
 	margin-bottom: 10px;
 	text-align: center;
  }

/*==================================*/
/* "製品紹介" 内の main_box1 下スペーシング設定  */
/*==================================*/
 .spacing2 {
	width: 100%;
	visibility: hidden;
	clear: both;
	margin-bottom: 10px;
	}

/*==================================*/
/* フッター */
/* サイトマップとcopyright 部分の背景指定 */
/*==================================*/
 #footer {
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
/*	background: transparent url(../img/footer-background.jpg) repeat-x center bottom; } */
	background: transparent url(../img/footer-background1.jpg) repeat-x center bottom; }

 #footer-content {
	margin: 0pt auto;
	width:760px;
	font-family:"lucida grande", arial, sans-serif;
	text-align:center; }

/*==================================*/
/* フッター                               */
/* サイトマップの表示                   */
/*==================================*/
 #sitemap a:link {
	color:#6e6b54;
	font-weight:normal;
	text-decoration:none; }
 #sitemap a:visited {
	color:#6e6b54;
	font-weight:normal;
	text-decoration:none; }
 #sitemap a:hover {
	color:#000;
	font-weight:normal;
	text-decoration:none; }
 #sitemap a:active {
	color:#000;
	font-weight:normal;
	text-decoration:none; }

/*==================================*/
/* フッター */
/* Copyright の表示 */
/*==================================*/
 #copyrights {
	position:relative;
	float:center; "lucida sans", arial, sans-serif;
	color:#fff;
	font-size:1em;
	font-style:italic;
	text-align:center; }
   #copyrights a:link {
	color:#fff;
	font-weight:normal;
	text-decoration:none; }
   #copyrights a:hover {
	color:#b9cbd3;
	font-weight:normal;
	text-decoration:none; }
   #copyrights a:visited {
	color:#fff;
	font-weight:normal;
	text-decoration:none; }


/*==================================*/
/* begin styles for RSS Feed */
/* ブログのRSS 表示 */
/*==================================*/

.rss-items {
	margin-top:0px;
	padding:0.5em; 0.5em;
	margin-left:0px;
	color:#000000;
}
p.rss-title {padding:0.5em;}
.rss-title {
	text-decoration: none;
	font-family: arial, verdana, sans-serif;
	font-size: 85%;
	background-color:#330033;
	color:#FFFF99;
	font-weight:bold;
	margin: 0px;
	padding:0em;
	text-align: left;
}

.rss-item  {
/*  font-family: arial, verdana, sans-serif;
  font-size: 0.75em; */
  font-weight : bold;
  list-style:none;
  padding-bottom:1em;
}

.rss-item a {
	text-decoration : underline;
/*	color:FF0000;
	font-size: 105%;
	font-weight:bold;
	font-family:arial, sans-serif;
*/
	}

.rss-item a:hover {
	font-weight:bold; }

.rss-item a:visited {

}

.rss-date {
	font-size: 85%;
	font-weight : normal;
	color: #9d9d9d;
	}
/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

.pod-play {
   _width:12em;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;

   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }
.pod-play em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }
.pod-play span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }
.pod-play:hover em {
   background: black;
   color: white
   }

 @media screen and (max-width: 480px) {

   }
