@charset"UTF-8";

/* Reset & Preset --------------------------------------------------------- */
html,body {height:100%;}
abbr,address,article,aside,b,big,blockquote,body,caption,canvas,center,cite,code,
dd,del,details,div,dl,dt,em,embed,fieldset,form,footer,header,hgroup,h1,h2,h3,h4,h5,h6,
html,hr,i,iframe,img,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,s,section,small,span,strike,strong,table,textarea,tr,th,td,ul
{
	font-family:inherit;
	font-size:14px;
	font-style:inherit;
	vertical-align:baseline;
	white-space:normal;
	text-align:left;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
}

a
{
	font-family:inherit;
	font-size:1.0em;
	font-style:inherit;
	vertical-align:baseline;
	white-space:normal;
	text-align:left;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul{list-style:none;}
blockquote,q{quotes:none;}
:focus{outline:0;}
table{border-collapse:collapse;border-spacing:0;}
/*img{vertical-align:bottom;}*/
/*
html{overflow-y:scroll;}
*/

/* ----------------------------------------------------------------- */

/* ページ背景と基本文字色 */
body {
	background-color:#dddddd;
/*	background		:url('img/background.gif') repeat-x fixed;*/
	color			:#111111;
	font-family		:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','メイリオ','Meiryo','Verdana','ＭＳ Ｐゴシック','sans-serif';
	line-height		:1.5;
	zoom			:1;
}

/* 基本リンク */
a					{color:#e60021;font-weight:normal;text-decoration:none;line-height:1.5;font-weight:bolder;}
a:link				{color:#e60021;text-decoration:none;}
a:visited			{color:#e60021;text-decoration:none;}
a:hover				{color:#ffffff;text-decoration:none;}

/* 範囲選択時の反転色 */
::selection 		{background:#2060ff;}
::-moz-selection	{background:#2060ff;}


/* define colors ----------------------------------------------------------------- */

.picante_white	{color:#ffffff;}
.picante_black	{color:#111111;}
.picante_red	{color:#e60021;}
.picante_brown	{color:#a0a0a0;}

.bg_picante_red		{background-color:#e60021;}
.bg_picante_black	{background-color:#111111;}
.bg_picante_gray	{background-color:#dddddd;}
.bg_white			{background-color:#ffffff;}
.bg_black			{background-color:#111111;}


/* image utility ----------------------------------------------------------------- */

/* 幅に合わせてイメージを縮小する */
.uimg {
	max-width: 100%;
	height: auto;
}

/* 影をつける */
.drop {
	background-color: #ffffff;
	margin		: 2px;
	box-shadow	: 2px 2px 4px #333333;
	position	: relative;
	behavior	: url(./js/PIE.htc);
}
.drop_down {
	background-color: #ffffff;
	box-shadow	: 0px 2px 1px #333333;
	position	: relative;
	behavior	: url(./js/PIE.htc);
}
.drop_frame {
	background-color: #ffffff;
	box-shadow	: 0px 0px 1px #333333;
	position	: relative;
	behavior	: url(./js/PIE.htc);
}

.logo {
	display:none;
}

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

.box {
	border-right:1px solid #bababa;
	border-left :1px solid #bababa;
	background  :#ffffff;
	padding     :0px 8px;
	box-shadow  :0px 1px 2px #cccccc;
}

.box0 {
	border-right:1px solid #bababa;
	border-left :1px solid #bababa;
	background  :#ffffff;
	padding     :0px;
	margin      :0px;
}

.small		{font-size  :0.800em;}
.normal		{font-size  :1.000em;}
.medium		{font-size  :1.200em;}
.large		{font-size  :1.600em;}
.bold		{font-weight:bolder; }
.nonbold	{font-weight:normal; }
.center		{text-align :center; }

.clearLeft	{clear      :left; }
.right		{text-align :right;}
.rightpad	{float		:right;padding:0 20px 0 0;}
.rightf		{float      :right;}
.fleft		{float      :left; }

.pad4		{padding    :4px; }
.height0	{line-height:0;   }

	/* 上下に10px */
.pad_updown4	{	padding	:4px 0; }
.pad_updown2l	{	padding	:2.000em 0; }
.pad_updown3l	{	padding	:3.000em 0; }

dd {
	margin: 0 0 0 0;
	padding:0 0 0 0;
	list-style-type: none;
	float:left;
}

dd.span_1  {width: 8.33%;}
dd.span_2  {width:16.66%;}
dd.span_3  {width:25.00%;}
dd.span_4  {width:33.33%;}
dd.span_5  {width:41.60%;}
dd.span_6  {width:50.00%;}
dd.span_7  {width:58.30%;}
dd.span_8  {width:66.66%;}
dd.span_9  {width:75.00%;}
dd.span_10 {width:83.30%;}
dd.span_11 {width:91.60%;}
dd.span_12 {width:100%;}


/* ボタン以外を横に並べる */
dl.line {
	display:inline;
	float  :left;
	width  :100%;
	margin :0;
	padding:0;
}


/* ボタンを横に並べる */
ul.line {
	display		:inline-block;
	width		:100%;
	margin		:0;
	padding		:0;
	line-height :0;
	font-size	:0;
}

/* 横に並べるli要素につける */
ul.line li.btn1  {
	display		:inline-block;
	margin		:0;
	padding		:0;
}
ul.line li.btn2 {
	display		:inline-block;
	margin		:0;
	padding		:0;
}

ul.type	{ list-style-type:square; }

/* リスト型の整形 */
li.links		{
	font-size	:1.2em;
	padding		:0 0 0 4px;
	margin		:6px 8px 8px 32px;
	border-width:0 0 1px 3px;
	border-style:solid;
	border-color:#111111;
}
li.links:hover	{
	border-width:0 0 1px 8px;
	border-color:#e60021;
}
li.company		{
	font-size	:1.0em;
	padding		:6px 0;
	margin		:0 8px 0 8px;
	border-width:0 0 1px 0;
	border-style:solid;
	border-color:#111111;
}

.indent			{
	margin		:0 0 0 32px;
}
.indent_half	{
	margin		:0 0 0 16px;
}
.indent_right			{
	color		:#333333;
	font-weight	:bolder;
	text-align	:right;
	margin		:0 16px 0 0;
}

/* redefine tag ----------------------------------------------------------------- */
/* 項目見出し */
h2.title {
	color		:#ffffff;
	background	:#e60021;
	margin		:8px 0;
	padding		:6px 16px;
	font-size	:1.2em;
	line-height	:1;

	border-width:3px 3px 3px 8px;
	border-style:solid solid solid double;
	border-color:#111111;

	border-radius:0 24px 24px 0;
	-webkit-border-radius:0 24px 24px 0;
	-moz-border-radius:0 24px 24px 0;
	box-shadow:1px 1px 2px #cccccc;
}

.moretext {
	font-size	:1.0em;
	font-weight	:bolder; 
	color		:#e60021;
	line-height	:1.5;
}

/*
h2.title:after {
	content:attr(title);
	margin-left:16px;
	font-size:72%;
	color:#FF33CC;
}
*/

/* 個別装飾 ----------------------------------------------------------------- */

.work_title {
	text-align	:center;
	font-size	:1.600em;
	font-weight	:bolder;
	color		:#111111;
	line-height	:1.5;
}
.work_headline {
	border		:1px #000000 solid;
	font-size	:1.000em;
	color		:#111111;
	line-height	:1.5;
	padding		:4px;
}
.work_date {
	font-size	:1.000em;
	font-weight	:bolder; 
	color		:#111111;
	line-height	:1.0;
	margin		:0 0 8px 1%;
}

/* YouTube */
.youtube {
	position		: relative;
	overflow		: hidden;
	height			: 0;
	padding-bottom	: 56.25%;
	margin-bottom	: 12px;
}
.youtube iframe {
	position		: absolute;
	top				: 0;
	left			: 0;
	width			: 100%;
	height			: 100%;
}

.youtube_wrap {
	margin			: 0 auto;
	margin-bottom	: 8px;
	max-width		: 640px;
	max-height		: 480px;
	padding			: 8px 16px;
}

.movie_caption {
	text-align	:center;
	font-size	:1.200em;
	font-weight	:bolder;
	color		:#111111;
	line-height	:1.5;
}

.image_caption {
	text-align	:center;
	color		:#111111;
	line-height	:1.5;
}

/* responsible ----------------------------------------------------------------- */

/* ブラウザ幅が指定より大きいとき */
@media screen and (min-width : 640px) {
	li.links		{
		margin		:6px 64px 8px 32px;
	}

}