@charset "utf-8";

/*///////////////////////////////////////

 font-size

/////////////////////////////////////////

	10px = 77%		11px = 85%
	12px = 93%		13px = 100%
	14px = 108%		15px = 116%
	16px = 123.1%

////////////////////////////////////////*/

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/


	Grani common item ( HTML 5 )


_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/

body{
	line-height:1.6;
}

p, li, h3{
	line-height:1.6;
}

#collaboration #head strong,h3,h4{
	font-weight:bold;
}

#top #header {
	background-color:#000000;
	background-image:url(../../../../img/common/header_bg_ff.png);
	height:70px;
	margin:0;
	text-align:center;
	width:100%;
}

#container{
	width:980px;
	margin:15px auto 0px auto;
	position:relative;
	background:#F1F1F1;
}

textarea{
	font-size:93%;
}

address,caption,cite,code,dfn,em,strong,th,var,optgroup,hgroup{
	font-style:inherit;
	font-weight:inherit;
}

article,aside,dialog,figure,footer,header,legend,nav,section,hgroup{
	display:block;
}

#container #contents  {
	background:url(../../../img/grani/collaboration/contents_mid.png) repeat-y 0 0;
	margin:0 auto;
	width:980px;
}

#container #contents #introduction{
	background:url(../../../img/grani/collaboration/contents_btm.png) no-repeat 0 bottom;
	padding:0 45px 11px;
}

#container #contents #introduction h2{
	background:url(../../../img/grani/collaboration/intro_h1.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	width:169px;
	height:18px;
	margin:0 0 13px 0px;
}

#container #contents #introduction .box{
	float:left;
	font-size:108%;
	line-height:144%;
	margin-right:25px;
	width:280px;
	min-height:164px;
	height:auto !important;
	height:164px;
}

#container #contents #introduction .box p.img{
	width:208px;
	height:65px;
	margin:7px auto 11px auto;
}

#container #contents #introduction .box p.read{
	width:255px;
	margin:0 auto;
	line-height:144%;
}

#container #contents #introduction .mr0{
	margin-right:0;
}

#container #contents #introduction .frm_mid{
	background:url(../../../img/grani/collaboration/intro_frm_mid.png) repeat-y;
	width:890px;
	margin-bottom:25px;
}

#container #contents #introduction .width2{
	width:300px;
	overflow:hidden;
}

#container #contents #introduction .frm_top{
	background:url(../../../img/grani/collaboration/intro_frm_top.png) no-repeat;
	padding-top:7px;
	width:890px;
}

#container #contents #introduction .frm_btm{
	background:url(../../../img/grani/collaboration/intro_frm_btm.png) no-repeat 0 bottom;
	padding-bottom:15px;
	width:890px;
}

#container #contents #introduction .support_link{
	float:left;
	font-size:108%;
	margin-top:2px;
}

#container #contents #introduction .collabo_link{
	float:right;
	width:147px;
	height:25px;
	margin:-1px 0 15px 0;
}

a{
	color:#0088CC;
	font-weight:bold;
	text-decoration:underline;
}

#footer_980 li,
#footer_980 strong{
	line-height:1.6em;
}