/* --------------------------------
   General
----------------------------------- */

html {
	font-size: 62.5%; /* reset 1em to 10px */
	height: 100%;
}

body {
	background: #262626 url(../img/bg.gif) repeat-y top center;
	color: #333;
	font: normal 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	height: 100%;
	padding-bottom: 1px; 
}

small,.small {font-size: 11px;}

a {
	color: #333333;
	text-decoration: underline;
}
a:hover {
	color: #f6921c;
	text-decoration: underline;
}

p {padding: 0.2em 0 1.2em;}



/* --------------------------------
   Headings, titles
----------------------------------- */

h1 {font: normal 2em;}
h2 {font: normal 1.6em;}
h3 {font: normal 1.4em;}
h4 {font: bold 1em;}

h1, h2, h3, h4 {margin-bottom: 5px;}


/* --------------------------------
   Main layout
----------------------------------- */

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

#layout_wrapper {
	margin: 0 auto;
	width: 870px;
}

.example { /* 親ボックス */
width: 450px;
height: 200px;
background-color: #85b9e9;
position: absolute;
top: 50px;
left: 100px;
}
.twitter {
	margin: 150px 0 0 10px;
	position: absolute;
	width: 130px;}

/* --------------------------------
   Site title
----------------------------------- */

#site_title {
	padding: 15px 0 0;
}
#site_title h1 	{
	margin: 0;
	background:url(../img/logo.gif) no-repeat 0 0;
	text-indent:-10000px;
	font-size:1px;
	color:#FFF;
	display: block;
}
#site_title h1 a{
	margin: 0;
	display: block;
	height:80px;
	width:238px;
}

/* --------------------------------
   Navigation
----------------------------------- */

.navigation {
	float:right;}

#nv {
	height: 33px;
	min-height: 33px;
	width: 475px;
	margin: 0;
	float: left;
	margin-top:42px;
}
#nv li {
	display: inline; 
	line-height: 1.0;
}
#nv ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#nv li a {
	display: block;
	text-indent: -10000px;
	color: #ffffff;
	text-align: center;
	font-size: 1px;
	float: left;
	height: 33px;
}

#nv li#nv_01 a {
	background: url(../img/nv_01.gif) 0 0 no-repeat;
	width: 77px;
}

#nv li#nv_02 a {
	background: url(../img/nv_02.gif) 0 0 no-repeat;
	width: 76px;
}

#nv li#nv_03 a {
	background: url(../img/nv_03.gif) 0 0 no-repeat;
	width: 145px;
}
#nv li#nv_04 a {
	background: url(../img/nv_04.gif) 0 0 no-repeat;
	width: 69px;
}
#nv li#nv_05 a {
	background: url(../img/nv_05.gif) 0 0 no-repeat;
	width: 108px;
}



#nv li#nv_01 a:hover,
#nv li#nv_02 a:hover,
#nv li#nv_03 a:hover,
#nv li#nv_04 a:hover,
#nv li#nv_05 a:hover,
#nv li#nv_01 em a,
#nv li#nv_02 em a,
#nv li#nv_03 em a,
#nv li#nv_04 em a,
#nv li#nv_05 em a {
	background-position: 0 -33px;
}


/* --------------------------------
   NEW Navigation
----------------------------------- */


#nvnew {
	height: 33px;
	min-height: 33px;
	/*width: 475px;*/
	margin: 0;
	float: left;
	margin-top:42px;
}
#nvnew li {
	display: inline; 
	line-height: 1.0;
}
#nvnew ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#nvnew li a {
	display: block;
	text-indent: -10000px;
	color: #ffffff;
	text-align: center;
	font-size: 1px;
	float: left;
	height: 33px;
}

#nvnew li#nv_01 a {
	background: url(../img/n_nv_01.gif) 0 0 no-repeat;
	width: 82px;
}

#nvnew li#nv_02 a {
	background: url(../img/n_nv_02.gif) 0 0 no-repeat;
	width: 73px;
}

#nvnew li#nv_03 a {
	background: url(../img/nv_04.gif) 0 0 no-repeat;
	width: 69px;
}
#nvnew li#nv_04 a {
	background: url(../img/n_nv_04.gif) 0 0 no-repeat;
	width: 79px;
}
#nvnew li#nv_05 a {
	background: url(../img/n_nv_05.gif) 0 0 no-repeat;
	width: 101px;
}
#nvnew li#nv_06 a {
	background: url(../img/n_nv_06.gif) 0 0 no-repeat;
	width: 71px;
}



#nvnew li#nv_01 a:hover,
#nvnew li#nv_02 a:hover,
#nvnew li#nv_03 a:hover,
#nvnew li#nv_04 a:hover,
#nvnew li#nv_05 a:hover,
#nvnew li#nv_06 a:hover,
#nvnew li#nv_01 em a,
#nvnew li#nv_02 em a,
#nvnew li#nv_03 em a,
#nvnew li#nv_04 em a,
#nvnew li#nv_05 em a,
#nvnew li#nv_06 em a{
	background-position: 0 -33px;
}




/* --------------------------------
   Footer
----------------------------------- */

#footer {
	font-size: 10px;
	padding: 20px 0 15px;
}
#footer .right img {border: 1px solid #333;
}
#footer .right a:hover img {border: 1px solid #f6921c;
}

#footer .left {
	margin-top: 3px;
	/* --defort margin-top: 40px;-- */
}

/* --------------------------------
   Floats
----------------------------------- */

.left {float: left;}
.right {float: right;}
.right_top {float: right;
           }
.clear,.clearer {clear: both;}
.clearer,.block {
	display: block;
	line-height: 0;
	font-size: 0;
}
.clearer {height: 0;}


/* --------------------------------
   main
----------------------------------- */

.main {
	margin:15px 0;
	padding: 0 0 3px 0;
}
.main_top {
	padding: 0 0 5px 0;
}
.main_text {
	padding:15px;
	float:right;
	width:403px;

}　
.main_text h2 {
	margin: 0 0 20px;
	padding: 0;
	font-size:18px;
	border-bottom:3px #f6921c solid;
	color:#666666;
}
.main_text .right {
	font-size:14px;
	color:#666666;
	font-weight:bold;
}
.main_body {
	padding: 3px 0 0 0;
	
}
.top_body {
	padding: 3px 0 0 0;
	/*defort padding: 3px 0 0 0; */
}
.top_bn {
	padding: 0px 0 5px 490px;
	float:right;
}
.news {
	padding-top: 15px;
}
.main_body .left {
	border-right: 3px solid #CCC;
}
.bannerbox {
	margin:0 0 12px 0;
	width:870px;
}
.bannerbox_n {
	margin:0 0 12px 0;
	background:url(../img/bn_bg.gif) no-repeat 0 0;
	width:870px;
}
.banner {
	float:left;
	background:#fff;
	width:285px;
	font-size:11px;
}
.banner_n{
	float:left;
	background:#fff;
	width:285px;
	font-size:11px;
	padding:0 7px 0  0;
}
.banner_e{
	float:right;
	background:#fff;
	width:285px;
	font-size:11px;
}

.box_line {
	float:left;
	background:url(../img/line_dot.gif) 0 bottom;
	width:7px;
	height:490px;
}
.banner p {
	padding:10px;
}

.banner img {
	border:1px solid #CCC;
}
.banner a {
	text-decoration:none;
}

.banner a:hover img {
	border:1px solid #f6921c;
}


/* --------------------------------
   About　T-shirts 
----------------------------------- */

.t_main {
    margin:22px 0 0 75px;
    width:750px;

 }

.t_text {
	
	width:750px;
	font-size:13.5px;
	line-height:21px;
	letter-spacing:0.5px;
	color:#333333;
}

.box_s{
　　margin:0px;
}

.box_text {
    margin:4px 0 0 8px;
    width:370px;
	height:86px;
　　font-size:11px;
	line-height:15px;
}
.box_text2 {
    margin:4px 0 0 ;
    width:239px;
	height:86px;
　　font-size:11px;
	line-height:15px;
}

.box_text_b {
    margin:4px 0 0 13px;
    width:737px;
	height:49px;
	font-size:11px;
	line-height:15px;
}
.box_text_b2 {
    margin:4px 0 0 13px;
    width:737px;
	height:34px;
	font-size:11px;
	line-height:15px;
}

.box_ttl {
width:750px;
}



.box_left {
	width:239px;
	font-size:10px;
	line-height:16px;
}

.box_left {
	width:239px;
	height:348px;
	float: left;
}
.box_center {
	width:133px;
	font-size:10px;
	line-height:16px;
	float: left;
}

.box_right {
	width:378px;
	font-size:10px;
	line-height:16px;
	float: right;
}


/* --------------------------------
   About　T-shirts 
----------------------------------- */

.t_main {
    margin:22px 0 0 75px;
    width:750px;

 }

.t_text {
	
	width:750px;
	font-size:13.5px;
	line-height:21px;
	letter-spacing:0.5px;
	color:#333333;
}

.box_s{
　　margin:0px;
}

.box_text {
    margin:4px 0 0 8px;
    width:370px;
	height:86px;
　　font-size:11px;
	line-height:15px;
}
.box_text2 {
    margin:4px 0 0 ;
    width:239px;
	height:86px;
　　font-size:11px;
	line-height:15px;
}

.box_text_b {
    margin:4px 0 0 13px;
    width:737px;
	height:49px;
	font-size:11px;
	line-height:15px;
}
.box_text_b2 {
    margin:4px 0 0 13px;
    width:737px;
	height:34px;
	font-size:11px;
	line-height:15px;
}

.box_ttl {
width:750px;
}



.box_left {
	width:239px;
	font-size:10px;
	line-height:16px;
}

.box_left {
	width:239px;
	height:348px;
	float: left;
}
.box_center {
	width:133px;
	font-size:10px;
	line-height:16px;
	float: left;
}

.box_right {
	width:378px;
	font-size:10px;
	line-height:16px;
	float: right;
}



/* --------------------------------
   back
----------------------------------- */

.backarea {
	margin:30px 0 15px 0;
	background:url(../img/back_bg.gif) no-repeat 0 bottom;
	padding: 0 15px;
	height:25px;
}

.backarea a {
	color:#FFFFFF;
	text-decoration:none;
	line-height:25px;
}

.backarea a:hover {
	color: #f6921c;
}
.backarea .center {
	color:#FFFFFF;
	line-height:25px;
	width:100px;
	text-align:center;
	float:left;
}

.backarea .left {
	width:360px;
}

/* --------------------------------
	Item
----------------------------------- */
.itemArea {
	margin:15px 0;
	padding: 0;
}
.itembox {
	margin:0 0 12px 0;
	background:url(../img/bn_bg.gif) repeat-x 0 0;
	width:870px;
}
.itemlist {
	float:left;
	background:#fff;
	margin:0 0 10px 30px;
	width:195px;
	font-size:11px;
}

.item_text {
	min-height:216px;
}
.first {
	margin:0 0 10px 0;
}
.itemlist p {
	padding:10px 0 ;
}
.itemlist img {
	border:1px solid #CCC;
}
.itemlist a {
	text-decoration:none;
}

.itemlist a:hover img {
	border:1px solid #f6921c;
}

.none {
	background:#eee;
	width:195px;
	height:195px;
	display:block;
}


/* --------------------------------
	Item
----------------------------------- */

.sitemap {
	padding:15px;

}
.sitemap h2 {
	margin: 0 0 20px;
	padding: 0;
	font-size:18px;
	border-bottom:3px #CCC solid;
	color:#666666;
}

.sitemap a {
	text-decoration:none;
}


/* --------------------------------
	clearfix［float解除］
----------------------------------- */

#site_title:after,
.main:after,
.main_body:after,
.top_body:after,
.bannerbox:after,
.itembox:after,
.backarea:after,
#footer:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

#site_title,
.main,
.main_body,
.top_body,
.bannerbox,
.itembox,
.backarea,
#footer {
	zoom:1;
	}