/*
Theme Name: Svelte
Theme URI: http://themecobra.com/themes/svelte
Author: ThemeCobra
Author URI: http://themecobra.com
Version: 1.0.0
License URI: http://www.gnu.org/copyleft/gpl.html
Description: Free version of Svelte - a handcrafted minimal theme by ThemeCobra.
Tags: custom-menu, featured-images, theme-options
*/

/* 

Svelte Free Stylesheet contents:

00. Style reset
01. Fonts
02. Color Scheme
03. Background Images
04. CSS3 Fades
05. Global Styles
06. Responsive Architecture
07. Top Bar
08. Header
09. Home page only
10. Post Thumbnails found on home, single and archives
11. Pagination for home and archives
12. Single Posts
13. Footer
14. Dropdown navigation
15. Comments
16. Home Page Featured Slider
17. Custom Widgets
18. Misc

*/

/*
基本サイズ12px(#content p)

10px	84%
11px	92%
12px	100%
13px	109%
14px	117%
15px	125%
16px	134%
17px	142%
18px	150%
19px	159%
20px	167%
21px	175%
22px	184%
23px	192%
24px	200%
25px	209%
26px	217%
*/


/*Import CSS*/
@import url('styles/base.css');
@import url('styles/common.css');


#slide {
	width: 100%;
	margin: 0 auto;
}

#inSlide  {
    width: 900px;
    margin: 0 auto;
}
 

/*=============================================================*/
/* Content Css
/*=============================================================*/

#content {
	width: 900px;
	margin: 0 auto ;
	margin-top:52px;
}

#content p {
	font-size: 12px;
	margin-bottom: 2em;
	line-height: 170%;
	letter-spacing: 0em;
}

body.home #inContent {
	margin-top: 72px;
}

#inContent {
    width: 900px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 72px;
}

body.home #footer {
	margin-top: 222px;
}

#footer {
	margin-top: 133px;
}

#content .post-single.postnew {
    width: 900px;
    margin: 0 auto;
}


#content h2 {
	font-size: 130%;
	font-weight: bold;
	margin-bottom:1em;
}

#content ol,
#content ul {
	margin-bottom: 2em;
}

#content li {
	line-height:1.5;
	margin-bottom: 1em;
}


/*=============================================================*/
/* TextArea Css
/*=============================================================*/
#textArea {
    float: left;
	
    width: 900px;
}

#textArea .textArea1 {
    float: left;
    width: 900px;
    text-align: center;
}

#textArea .textArea1 p {
    color: #000;
    font-size: 109% !important;
}

#textArea .textArea1 .pTxt2 {
    font-size: 134% !important;    
    letter-spacing: 0px;    
	margin-bottom: 20px;
	font-family: 小塚明朝 Pr6N;
}

#textArea .textArea1 .pTxt1 {
    font-size: 217% !important;
    letter-spacing: 1px;
    margin-bottom: 5px;
	font-family: 小塚明朝 Pr6N;
	line-height: 2;
}

#textArea .textArea2 {
    float: left;
    width: 900px;
    text-align: center;
    margin-top: 46px;
	font-family: メイリオ;
}

#textArea .textArea2 p {
    color: #ABAAAA;	
    font-size: 92%;
    /* font-family: sans-serif; */
    line-height: 2;
}

#textArea .textArea2 .pTxt1 {
    color: #8B8B8B;	
    font-size: 167% !important;    
    letter-spacing: 1px;    
    margin-bottom: 2px;
}

#textArea .textArea2 .pTxt2 {
    color: #ABAAAA;	
    font-size: 100%;
    letter-spacing: 0.5px;
    margin-bottom: 14px;
}

#textArea .textArea2 .pTxt3 {
    line-height: 1.95;
}

/*=============================================================*/
/* New Css
/*=============================================================*/
#new {
    float: left;
    width: 48%;
    margin-top: 59px;
	padding-right:8px;
}

#new p {
    border-bottom: 1px solid #bfbfbf;
    padding: 20px 0px 20px 0px;
}

#new p a {
   text-decoration: none;	
}

#new p a:hover {
   text-decoration: underline;	
}

body.home #new .titleNew {
    padding-bottom: 25px;
}


/*=============================================================*/
/* Twitter Css
/*=============================================================*/
#twitter {
    float: left;
    width: 50%;
    margin-top: 59px;
}

body.home #twitter .titleNew {
	padding-top:20px;
    padding-bottom: 0px;
}

/*=============================================================*/
/* NewArrival Css
/*=============================================================*/
#newArrival {
    float: left;
    width: 900px;
}

#newArrival .titleNewArrival {
    border-bottom: 1px solid #bfbfbf;    
    padding: 55px 0px 24px 0px;
}

#newArrival ul {
    float: left;
    width: 900px;
    border-bottom: 1px solid #bfbfbf;
    /*padding: 59px 0px 13px 34px;*/
    padding: 13px 0px 13px 34px;
}

#newArrival ul li {
    float: left;
    margin-right: 32px;
    width: 148px;
}

#newArrival ul li a {
	display: block;
}

#newArrival ul li a img {
    width: 100%;
}

#newArrival ul .marTop-1 {
	margin-top: -1px;
}

#newArrival ul .marTop-5 {
	margin-top: -5px;
}

#newArrival ul .last {
	margin-right: 0;
}

/*=============================================================*/
/* projecttInfo Css
/*=============================================================*/
.projecttInfo {
    float: left;
    width: 900px;
    padding-bottom: 41px;
    border-bottom: 1px dotted #d8d8d7;
    padding-top: 49px;
}

.padTop0 {
	padding-top: 0;
}

.padBottom48 {
	padding-bottom: 42px;
}

.projecttInfo .leftProject {
    float: left;
    width: 290px;
    position: relative;
}

.projecttInfo .leftProject .titleTop {
    margin-left: 3px;
}

.projecttInfo .rightProject {
    float: left;
    width: 610px;
}

.projecttInfo .rightProject .txt1 {
    font-size: 100%;
    color: #000;
    /* letter-spacing: -0.5px; */
    margin-top: 25px;
}

.projecttInfo .rightProject .txt2 {
    color: #adadad;
    font-size: 109% !important;
    margin-top: 35px;
    line-height: 1.5;
    letter-spacing: 0.5px;
	font-family: メイリオ;
}

.projecttInfo .rightProject .txt2 span {
    display: block;
    font-size: 167% !important;
    margin-left: -8px;
    margin-bottom: 2px;
	font-family: メイリオ;
}

.projecttInfo .rightProject .txt3 {
    color: #adadad;
    font-size: 92% !important;
    line-height: 1.7;
    margin-top: 12px;
	font-family: メイリオ;
}

.projecttInfo .leftProject .leftDatailTop {
    float: left;
    width: 250px;
    min-height: 362px;
}

.projecttInfo .leftProject .leftDatailTop p.leftTitle {
    color: #000;
	font-size:192% !important;
    letter-spacing: 2px;
	margin:0 0 0 -14px !important;
	font-family: 小塚明朝 Pr6N;
	line-height: 1.2;
}

.projecttInfo .leftProject .leftDatailTop p.leftTitle-v2 {
    color: #000;
	font-size:192% !important;
	letter-spacing:-0.1em !important;
	margin:0 0 0 -14px !important;
	font-family: 小塚明朝 Pr6N;
	line-height: 1.2;
}

.projecttInfo .leftProject .leftDatailTop .leftSubTitle {
    color: #999999;
    font-size: 92% !important;
    letter-spacing: 1px;
    line-height: 1.2;
	  font-family: メイリオ;
	  margin:0 0 45px 0;
}

.projecttInfo .leftProject .leftDatailTop .containtInfo {
    color: #2d2b28;
    font-size: 100%;
    margin-top: 15px;
}

.projecttInfo .leftProject .detailBottom  {
	float: left;
	width: 250px;
	position: absolute;
	left: 0;
	bottom: 0;
	top: 272px;
}

.projecttInfo .leftProject .detailBottom .avata {
    float: left;
    width: 90px;
}

.projecttInfo .leftProject .detailBottom .info {
    float: left;
    width: 148px;
    margin-left: 12px;
    margin-top: 64px;
}

.projecttInfo .leftProject .detailBottom .info .span1 {
    display: block;
    color: #a0a0a0;
    font-size: 92% !important;
    line-height: 1.3;
}

.projecttInfo .leftProject .detailBottom .info .span2 {
    display: block;    
    color: #575553;    
    font-size: 100%;
    line-height: 1.3;
}

.projecttInfo .leftProject .detailBottom .info .span3 {
    display: block;    
	color: #a0a0a0;    
	font-size: 92% !important;
    line-height: 1.3;
}

.projecttInfo .rightProject .rightTitle {
    color: #000;    
    font-size: 125% !important;        
	font-family: 小塚明朝 Pr6N;
	line-height: 1.7;
	margin:0 0 10px 0 !important;
}

.projecttInfo .rightProject .rightSubTitle {
    color: #999999;    
	font-size: 92% !important;    
	letter-spacing: 1px;    
	line-height: 1.2;
	font-family: メイリオ;
	margin:0 !important;
}

.projecttInfo .rightProject ul.imgRight {
    margin-top: 18px;
	float: left;
	width: 610px;
}

.projecttInfo .rightProject ul.imgRight li {
	float: left;
	margin-right: 10px;
	margin-bottom:0px !important;
}

.projecttInfo .rightProject ul.imgRight li.marRight0 {
	margin-right: 0;
}

.projecttInfo .rightProject ul.imgRight li.marBottom2 {
	margin-bottom: 5px !important;
}


/*=============================================================*/
/* products Css
/*=============================================================*/

.leftMenu .MenuList p.titleImg {
	padding: 0 0 12px 0 !important;
	margin: 0 !important;
}

.leftMenu .MenuList p.titleText {
	padding: 0 !important;
	margin: 0 !important;
}

#productContent .RightDetail p.titleImg {
	padding: 0 0 9px 0 !important;
	margin: 0 !important;
}


#productContent .RightDetail p.titleText {
	padding: 0 !important;
	margin: 0 !important;
}

div.RightDetail ul li {
	padding: 0;
	margin-bottom:56px !important;
}
ul li p.ImgProDetail {
	margin-bottom: 7px !important;
}
ul li p.proName {
	margin: 0 0 5px 0 !important;
}
ul li p.proSubName {
	padding: 0 !important;
	margin: 0 !important;
}


/*  テーブル00（標準）
----------------------------------------------- */
#content table {
	width: auto;
	border-collapse: collapse;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #666666;
	border-left-color: #666666;
	margin-bottom: 20px;
}


#content table th {
	text-align: left;
	background: #f7f7f7;
	padding: 10px;
	font-weight: normal;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
}

#content table td {
	text-align: left;
	padding: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
}
.btn_sumit {
	text-align : center ;
}
.img127-80{
  height: 80px;
  width: 127px;
  max-width: 127px;
}