@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,th,td,pre,address,li,dt,dd {
	font-size: 130%;
}
	
h1 {} /* Header内で設定 */
h2 {}
h3 { margin-bottom: 10px;}
h4 { margin-bottom: 10px; }
#texture h4 { margin: 10px 0 0 0; padding: 0; }
a { color: #C02E52; }
a:hover,
a:active { color: #E4A4B4; text-decoration: none; }
a:visited {
}

#content ul { margin: 0 0 0 15px; }
#content ul li {
	list-style: none;
	background: url(../images/li_bg.jpg) 0 0 no-repeat;
	padding-left: 25px;
	padding-bottom: 10px;
	}
	
#content ul.totop { margin: 10px 0 ; } 
#content ul.totop li { background: none; }

#content ul { margin: 0 0 0 15px; }
#content ul li {
	list-style: none;
	background: url(../images/li_bg.jpg) 0 0 no-repeat;
	padding-left: 25px;
	padding-bottom: 10px;
	}
	
#item #content ul { margin: 0; padding: 0; }
#item #content ul li {
	list-style: none;
	background: none;
	padding: 0;
	margin: 0 5px 0 0;
}

#item #content #jqtab table {
	margin: 0 0 10px 0;
	padding: 0;
}
#item #content #jqtab table tr td {
	vertical-align: top;
	padding: 0 0 0 5px;
	width: 100px;
	margin: 0;
}






#item #content #jqtab table tr td ul {
	margin: 0;
	vertical-align: top;
	width: auto;
	height: 300px;
	overflow: auto;
	list-style: disc;
	padding-left: 0;
}

#item #content #jqtab table tr td ul li {
	list-style: disc;
	padding: 0;
	margin-left: 15px;
	font-size: 80%;
	line-height: 1.5em;
	text-align: left;
	color:#666666;
	text-indent: 0;
	/text-indent: 1px;
	/padding-left: -5px;
	}
#item #content #jqtab table tr td ul li.s_none{
	list-style: none;
	padding: 10px 0 0 0;
	margin-left: 0;
	font-size: 80%;
	line-height: 1.5em;
	text-align: left;
	color:#666666;
	text-indent: 0;
	/text-indent: 0;
}


#content table {
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #4A77B1;
	width: 620px;
	margin-left: 5px;
	font-size: 100%;
	}
#pattern02 #content table {
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #4A77B1;
	width: 620px;
	margin: 0 0 10px 20px;
	font-size: 100%;
	}
#content table.pattern th {
	padding: 10px 8px;
	border: 0;
	text-align: center;
	}

#content table.pattern td {
	padding: 10px 8px;
	border: 0;
	text-align: center;
	margin-left: 5px;
	}
	
	
	
#content table th {
	padding: 10px 8px;
	border: 0;
	text-align: center;
	}

#content table td {
	padding: 10px 8px;
	border: 0;
	text-align: left;
	margin-left: 5px;
	}
	
	

#content table th {
	background: #96B0D1;
	color: #fff;
	width: auto;
	font-weight: bold;
	}

/* 100601 編集点 */	
#commerce #content table th{
	padding: 10px 8px;
	border: 0;
	text-align: center;
	background: #96B0D1;
	color: #fff;
	width: 120px;
	font-weight: bold;
}
/* 100601 編集点 */	


#content table td {	background: #E8EEF5; }

#main p { margin: 0 0 1em; }
#main p.mini { line-height: 1em; margin: 10px 0 -5px 10px; }
#main p.mini02 { line-height: 1em; margin: 10px 0 5px	10px; }


#main p.adobe_plug { margin: 0 0 1em; line-height: 2.5em; }


dt img,dd img,li img { vertical-align: bottom; }

.section { padding: 20px 0 10px 0; }
.section02 { padding: 20px 0 10px 20px; }
.section03 { padding: 10px 0 10px 0; }
.section04 { padding: 10px 0 20px 10px; }

.section .section {
  padding: 15px ;
  border:1px solid #CFCFD4;
	margin-bottom: 15px;
}

#main .image_l { float: left; margin: 0 24px 8px 0; }
#main .image_r { float: right; margin: 0 0 8px 24px; }

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-noimg { margin: 10px 20px; }

ul.totop {
	clear: both;
	padding-bottom: 20px;
}
ul.totop li {
	float: right;
	list-style: none;
}

.caution {
  color: #990000;
	font-weight: bold;
	}

#content .flow {
  background: url(../images/arrow_l.jpg) center bottom no-repeat;
	padding-bottom: 50px;
	margin-bottom: 10px;
	}
	
#content .flow_end { margin-bottom: 10px;	}

.center { text-align: center; }
.right { text-align: right; }

.text01 { font-weight: bold; color: #9CD600; }
#content dl dt { color: #007DD9 ; font-weight: bold; } 

.alpha { float: left; }
.beta { float: right; }

#main_img { margin-bottom: 18px; }
#main p.img { margin:0; padding: 0; }

.b_box {
  border:1px solid #CFCFD4;
	padding: 10px;
	}

address img { line-height: 1.6; margin: 10px 0 20px 0; }

.banner_img { padding-top: 10px; text-align:center; }
.banner_imgL { padding: 10px 0 0 0; float: left; }
.banner_imgR { padding-top: 10px;  float: right;}


/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}

body {
  background: url(../images/bg.jpg) top repeat-x;
	color: #3F3F3F;
	text-align: center;
	padding-top: 20px;
}
body#pattern02 {
	color: #3F3F3F;
	text-align: center;
	padding-top: 20px;
	background: none;
}
#container {
  background: url(../images/bg.jpg) bottom repeat-x;
	padding-bottom: 15px;
	}

#wrapper {
	width: 950px;
	margin: 0 auto;
  background: #fff;
	text-align: left;
}
#main {
	width: 950px;
	margin: 0 auto;
	background: url(../images/main_bg.jpg) top repeat-y;
	margin-top: 18px;
}
#content {
	width: 670px;
	text-align: left;
  float: right;
}
#pattern02 #content {
	width: 670px;
	text-align: left;
	float: none;
}

/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
	width: 950px;
	height: 90px;
	margin: 0 auto;
	text-align: left;
}
#header h1 { float: left; }

#header #header02 {
	float: right;
	width: 280px;
}

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	clear: both;
  background: url(../images/footer_bg.jpg) top no-repeat;
	padding: 60px 0 20px 0 ;
}
#footer address {
	clear: both;
	width: 510px;
	margin: 0 auto ;
}

/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#nav {
	float: left;
	width: 250px;
	text-align: center;
	background: url(../images/nav_upper.jpg) top no-repeat;
	padding-top: 20px;
}

#nav dl,
#nav ul {
	margin: 0 10px;
	text-align: left;
	background: #fff;
}

#nav dl dt,
#nav dl dd,
#nav ul li {
	list-style: none;
	margin: 0;
	vertical-align: top;
}
#nav ul { padding: 3px 0 0 0 ; margin-bottom: 10px; } 
#nav ul li { margin: 0 0 3px 3px; }

#nav dl dt { text-indent: -9999em; }

#nav #nav_banner {
	margin: 20px 0 0;
}
#nav #nav_banner li {
	margin-bottom: 10px;
}

#main #nav p { margin: 0 0 5px 0 ; }

#gnav {
  background: #EEEEE0;
	margin: 10px 0;
	padding: 3px 7px 3px 0;
	}
#gnav ul li {
  float: right;
	margin-left: 20px; 
	}

#nav .t_line {
  border-top: 1px solid #CFC9BB;
	margin: 0 10px ;
	padding-top: 10px; 
	}

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

/* index
------------------------------------------------------------------------*/

#index .section { padding: 0 0 20px 0; }

#index h2 { 
  float: left;
	width: 680px;
	}
#index h3 { margin-bottom: 10px; }
	
#index #main_img p { 
  float: right;
	width: 260px;
	}

#index #greeting {
  background: url(../images/index_line.jpg) top no-repeat;
	padding-top: 20px;
	margin-bottom: 20px;
	}
#index #greeting_bg {
  background: url(../images/index_line.jpg) bottom no-repeat;
	padding: 0 20px 15px 0;
	}
#index .greeting_text {
  width: 440px;
	margin: 10px 0 0 20px;
	}
#index #pkup .alpha {
  margin-right: 11px;
	width: 200px;
	}
#index #pkup .beta { width: 200px; }

#index .b_box {	padding: 7px;	}
#index .b_box p.img {	margin: 0 0 10px 0;}
#index #main .b_box .pkup_link {
  margin: 0 0 5px 0;
	text-align: center;
	}

#index .info .alpha{ width: 365px; }
#index .info .b_box { padding: 10px; width: 252px; }
#index .info ul { margin: 0; padding-left: 10px; }
#index .info ul li {
  background: none;
	margin: 0 0 1em 0;
	padding: 0; 
	}
	

/* first
------------------------------------------------------------------------*/

#first .link_ban { margin-top: 20px; }
#first .link_ban .alpha {
  width: 216px;
	margin-right: 10px;
	}
	
/* faq
------------------------------------------------------------------------*/
#faq .faq_area {
  border:1px solid #CFCFD4;
	margin-bottom: 15px;
	padding: 5px 10px;
	}
#faq #main .faq_area p.question {
  padding: 15px 0 10px 65px; 
	background: url(../images/faq_question.jpg) 10px 10px no-repeat;
	font-weight: bold;
	line-height: 1.6;
 } 

#faq .answer {
 border-top :1px solid #ccc;
 padding-top: 15px;
 background: url(../images/faq_answer.jpg) 10px 15px no-repeat;
 padding-bottom: 10px;
 padding-left: 10px;
 }
#faq #main .faq_area .answer p {
  padding: .2em 1em;
	margin-left: 40px;
	}

/* company
------------------------------------------------------------------------*/

#company #map {
  width:600px;
	height: 350px;
	margin:0 0 0 10px;
	padding: 0;
	border :1px solid #CFCFD4;
	}
	
#company dl.dl02 dt {
	float:left;
	width:1em;
}
#company dl.dl02 dd {
	margin-left:1.5em;
	margin-bottom:15px;
}
	
/* commerce
------------------------------------------------------------------------*/

#commerce table { margin-left: 20px; }


/* item
------------------------------------------------------------------------*/
#item #content table th,
#item #content table td {
	padding: 5px;
	border: 1px solid #9E9476;
	}
#item #content table {
	border: 1px solid #9E9476;
	width: 660px;
	margin: 10px 0 0 10px;
	font-size: 100%;
	border-collapse: separate;
	border-spacing: 1px;
	}
#item #content table th{
	background: #9E9476;
	color: #fff;
	text-align: center;
	}
#item #content table td {	background: #fff; }


#item #content table .itemlist th { width:310px; }

#item #content table.itemlist td ul li{
  list-style-type: disc;
	background :none;
	padding-left: 0;
	margin-left:15px;
	line-height: 1.5;
	}
	
#item #content table.colorlist th {	width: 150px;	}
#item #content table.colorlist td.color_diff { background: #EEEEE0; text-align: center; width: 40px; }
#item #content table.colorlist td.color_diff02 { background: #EEEEE0; text-align: center; width: 80px; }

#item #content table.colorlist02 th {	width: 120px;	}
#item #content table.colorlist02 td.price {	width: 100px;	}
#item #content table.colorlist02 td.price_diff { background: #EEEEE0; text-align: center; width: 40px; }

#item #content table.pricelist th {	width: auto; }
#item #content table.pricelist th.th_size { width: 200px; }
#item #content table.pricelist td.price_diff { background: #EEEEE0; text-align: center; }

#item .line_box {
  border-top:1px dotted #9E9476;
	margin:15px 0 0 0 ;
	padding-top: 10px;
	}

#item #content table td.color_label { width: 450px; padding: 10px; } 

#item #content table td.category { width: 50px; text-align :center; }
#item #content table th.price { width: 70px; }
#item #content table th.glam { width: 100px; }

#item #content .twin { margin-bottom: 15px; }
#item #content .twin table { width: 300px; margin-top: 0;}

#item .t_title {
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
	margin-left: 10px;
	margin-right: 5px;
	padding-bottom: 5px;
	}

#item .link_ban { margin-top: 20px; }
#item .link_ban .alpha {
  width: 218px;
	margin-right: 8px;
	}


/* papercraft
------------------------------------------------------------------------*/

#papercraft .link_ban { margin-top: 20px; }
#papercraft .link_ban .alpha {
  width: 216px;
	margin-right: 10px;
	}

#papercraft #content dl { margin-top: 10px; }

p#original {
	padding: 0;
	width: 380px;
	height: 300px;
	border: 1px solid #ccc;
	background: #fff;
	float: left;
	}

img#largeImg { display: block; }
p.thumbs {
  float: right;
	width: 250px;
	}
p.thumbs img {
	float: left;
	display: block;
	width: 60px;
	margin: 0 10px 5px 0;
	border: 1px solid #ccc;
	}
	
.img_area {margin-top: 13px; }
.img_area p img { margin-right:9px; }


/* craftpunch
------------------------------------------------------------------------*/

#craftpunch .link_ban { margin-top: 20px; }
#craftpunch .link_ban .alpha {
  width: 216px;
	margin-right: 10px;
	}

#craftpunch #content dl { margin-top: 10px; }


/* pattern
------------------------------------------------------------------------*/

#pattern #content table { width: 650px; margin-bottom: 10px; }
#pattern #content table td.paper_style,
#pattern02 #content table td.paper_style {
	text-align: center;
	font-weight: bold;
	}
#pattern #content table.layout { width: 370px; margin-top: 20px; }
#pattern #content table th.paper_style { width: 60px; }


/* texture
------------------------------------------------------------------------*/

#texture h5 { margin-bottom: 10px; }
#texture h4.h401 { margin-bottom: 10px; margin-left: 10px; }

#texture #content table th,
#texture #content table td{
	padding: 5px;
	border: 1px solid #9E9476;
	}
#texture #content table {
	border: 1px solid #9E9476;
	width: 660px;
	margin: 10px 0 10px 10px;
	font-size: 100%;
	border-collapse: separate;
	border-spacing: 1px;
	}
#texture #content table th {
	background: #9E9476;
	color: #fff;
	text-align: center;
	}
#texture #content table td { background: #fff; width: auto; }
#texture #content table td.price { background: #fff; width: 100px; text-align: right; }

#texture #content table .itemlist th { width:310px; }

#texture #content table.itemlist td ul li {
  list-style-type: disc;
	background :none;
	padding-left: 0;
	margin-left:15px;
	line-height: 1.5;
	}
	
#texture #content table.colorlist th {	width: 150px;	}
#texture #content table.colorlist td.color_diff { background: #EEEEE0; text-align: left; width: auto; }
#texture #content table.colorlist td.color_diff02 { background: #EEEEE0; text-align: left; width: auto; }

#texture #content table.colorlist02 th {	width: 120px;	}
#texture #content table.colorlist02 td.price {	width: 100px;	}
#texture #content table.colorlist02 td.price_diff { background: #EEEEE0; text-align: center; width: auto; }
#texture #content table.colorlist02 td.color_diff { background: #EEEEE0; text-align: center; width: auto; }


#texture #content table.pricelist th {	width: auto; }
#texture #content table.pricelist th.th_size { width: 200px; }
#texture #content table.pricelist td.price_diff { background: #EEEEE0; text-align: center; }

#texture .line_box {
  border-top:1px dotted #9E9476;
	margin:15px 0 0 0 ;
	padding-top: 10px;
	}

#texture #content table td.color_label { width: 100px; padding: 5px; } 

#texture #content table td.category { width: 40px; text-align :center; }
#texture #content table th.price { width: 70px; }
#texture #content table th.glam { width: 80	px; }

#texture #content .twin { margin-bottom: 15px; }
#texture #content .twin table { width: 300px; margin-top: 0;}




/* contact
------------------------------------------------------------------------*/

#contact #content table { margin-bottom:10px; width: 660px; }


/* flow
------------------------------------------------------------------------*/

#flow #content .cost { margin: 20px 0 10px 10px; }
#flow #content .cost p { 
  font-weight: bold;
	border-bottom: 1px dotted #ccc;
	margin-right: 25px;
	padding-bottom :5px;
	}
#flow #content table th,
#flow #content table td {
	padding: 5px;
	border: 1px solid #ccc;
	}
#flow #content table {
	border: 1px solid #ccc;
	width: 600px;
	margin: 0;
	font-size: 100%;
	border-collapse: separate;
	border-spacing: 1px;
	}
#flow #content table th { width :150px; }



/* push
------------------------------------------------------------------------*/
#push h4{ margin: 30px auto 10px;}
.box01{
 width: 500px;
 border: #FF6666 dotted 3px;
 padding: 10px 0 5px 10px;
 margin: 0 0 20px 0;
 background-color:#FFEFEE;
 text-align: left;
}
.box01 p{ font-size: 14px; line-height: 1.5em;}



.fL{ float: left; padding: 0 15px 10px 0;}
.fL img{ border: #ccc 1px solid; padding: 2px;}
.blue_bold{ color: #CC3333; font-weight: bold; font-size: 16px;}
.mL_20{padding:0 0 0 20px; margin: 0; line-height:1em;}