@charset "utf-8";

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

 font-size

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

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

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

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


	Grani common item


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



body {
	background: #fff;
	color: #6F6F6F;
	margin-bottom: 0px;
	line-height: 1.6em;
}


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

textarea {
	font-family:'meiryoKe_PGothic','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}


/*--------------
head
---------------*/

#title {
	position:relative;
	margin:0px auto 60px;
    width: 534px;
}

#title h1{
	width:506px;
	height:200px;
	text-indent:-100000px;
	overflow:hidden;

	margin:43px 0 0 10px;
	float:left;
}

#title h1.index{
	background:url(../../../img/archive/grani/title_index.png) no-repeat;
}

#title a#top_btn{
height:34px;
left:214px;
position:absolute;
top:123px;
width:285px;
text-indent:-10000px;
overflow:hidden;
}
/*GLOOMY************************/

#title #title_banner {
	position:absolute;
	top:58px;
	left:550px;
	height:196px;
}
/******************************/



#title #text {
	width:300px;
	position:absolute;
	top:150px;
	left:215px;
	text-align:left;
}

#title #text.index {
	top:170px;
}

#title .end{
    position: absolute;
    left: 278px;
    top: 137px;
    font-size: 15px;
}


#title #text p {
	margin-bottom:10px;
}

#title #text a {
	color:#9f9f9f;
	font-size:100%;
	font-weight:bold;
	text-decoration:underline;
}

#title #text strong {
	color:#C26485;
}

/*//////////////////////////////////////
	SBM
//////////////////////////////////////*/

#SBMcenter{
	width:770px;
	margin:0 auto;
}

#appendSBM{
	margin:18px 0 0 250px;
	_margin:0px 0 0 250px;
	padding:17px 0 18px;
	height:20px;
	text-align:center;
	background:url(../../../img/archive/grani/grani_sbm_line.png) no-repeat center 0;
}

#appendSBM a,
#appendSBM iframe{
	margin-right:10px;
	font-size:0;
	line-height:1;
	vertical-align:top;
	display:inline-block;
}

/*-----------------
Grani Menu
------------------*/

#grani_menu{
	margin:0px auto 0px auto;
	background:url(../../../img/archive/grani/menu_bg.png) repeat-x;
	height:48px;
	width:100%;
	position:relative;	
}

#grani_menu img{
	margin:0px 0px 0px 0px;
}

#menu_content{
	background-image:url(../../../img/archive/grani/grani_menu.png);
	background-position:0px 0px;
	position:relative;
	margin:0 auto;
	text-align:left;
	width:770px;
	height:42px;
}

#menu_content li{
	height:42px;
	position:absolute;
	overflow:none;
	z-index:10;
	list-style:none;
}

#menu_content a{
	height:42px;
	display:block;
	text-indent: -100000px;
	overflow:hidden;
}


#menu_content a:hover{
	background-image:url(../../../img/archive/grani/grani_menu.png);
}

	#menu_content a.select{
	background-image:url(../../../img/archive/grani/grani_menu.png);
}


#g_top{
	left:36px;
}

#g_top a{
	width:109px;
	background-position:-36px 0px;
}

#g_top a:hover{
	width:109px;
	background-position:-36px -42px;
}

#g_top a.select{
	width:109px;
	background-position:-36px -84px;
}

#g_top a.select:hover{
	width:109px;
	background-position:-36px -84px;
}


#g_howto{
	left:170px;
}

#g_howto a{
	width:115px;
	background-position:-170px 0px;
}

#g_howto a:hover{
	width:115px;
	background-position:-170px -42px;
}

#g_howto a.select{
	width:115px;
	background-position:-170px -84px;
}

#g_howto a.select:hover{
	width:115px;
	background-position:-170px -84px;
}


#g_community{
	left:319px;
}

#g_community a{
	width:125px;
	background-position:-319px 0px;
}

#g_community a:hover{
	width:125px;
	background-position:-319px -42px;
}

#g_community a.select{
	width:125px;
	background-position:-319px -84px;
}

#g_community a.select:hover{
	width:125px;
	background-position:-319px -84px;
}


#g_goodies{
	left:481px;
}

#g_goodies a{
	width:107px;
	background-position:-481px 0px;
}

#g_goodies a:hover{
	width:107px;
	background-position:-481px -42px;
}

#g_goodies a.select{
	width:107px;
	background-position:-481px -84px;
}

#g_goodies a.select:hover{
	width:107px;
	background-position:-481px -84px;
}


#g_support{
	left:620px;
}

#g_support a{
	width:111px;
	background-position:-620px 0px;
}

#g_support a:hover{
	width:111px;
	background-position:-620px -42px;
}

#g_support a.select{
	width:111px;
	background-position:-620px -84px;
}
	
#main{
	width:100%;
	height:auto;
	background:#ffffff url(../../../img/archive/grani/content_bg.png) repeat-x;
	padding:0px 0px;
	position:relative;
	margin-top: 0px;
}

#contents{
	width:770px;
	margin:0px auto;
	height:auto;
	position:relative;
	text-align:left;
	padding:28px 0 20px 0;
}


#main_contents{
	width:507px;
	float:left;
	height:auto;
	overflow:hidden;
}



#sub_contents{
	float:right;
	width:250px;
/*	background:url(../../../img/archive/grani/menu_bg_btm.png) no-repeat 0 bottom;*/
}

.section {
	margin-bottom:25px;
}

.clearmargin {
	margin:0;
}

strong{
	color:#4A4A4A;
}

/*//////////////////////////
	sub_contents
//////////////////////////*/

#sub_contents h4{
	background:url(../../../img/archive/grani/sub_contents/menu_frame_top.gif) no-repeat;
	font-size:100%;
	color: #FFF;
	width:250px;
	height:29px;
	padding-left:10px;
	line-height:28px;
}

.sub_contents_middle{
	background:url(../../../img/archive/grani/sub_contents/menu_frame_middle.png) repeat-y;
	padding:10px 5px 0px 10px;
	overflow:hidden;
}

.sub_contents_middle a {
	font-weight: bold !important;
}

.sub_contents_bottom{
	width:250px;
	background:url(../../../img/archive/grani/sub_contents/menu_frame_bottom.png) center top no-repeat;
	font-size:0;
	height: 16px;
	margin-bottom:16px;
	overflow:hidden;
}

.sub_contents_middle .right_img{
	float:right;
	padding:0 5px 10px 10px;
}

.sub_contents_middle a.right_img {
	display:block;
}

/*//////////////////////////
	sub_contents
//////////////////////////*/


#menu_download_top{
	width:250px;
	height:35px;
	background:url(../../../img/archive/grani/sub_contents/down_frame_top.png) center top no-repeat;
	font-size:0%;
}

#menu_download_middle{
	padding:10px 10px 2px 10px;
	background:url(../../../img/archive/grani/sub_contents/down_frame_middle.png) repeat-y;
	font-size: 93%;
}

#menu_download_middle p {
	margin: 0px 0 6px 0 !important;
}

#menu_download_note{
	border-top:#c0c0c0 dotted 1px;
	padding:10px 10px 0 2px;
}

#menu_download_middle .icn {
	float: right;
}

#menu_download_middle .note_icn{
	float:left;
}

#menu_download_middle .note_icn img {
	padding: 0 10px 0 5px;
}

#menu_download_middle a {
	font-weight: bold;
}

#menu_download_bottom{
	width:250px;
	height:18px;
	background:url(../../../img/archive/grani/sub_contents/down_frame_bottom.png) center top no-repeat;
	clear:both;
	margin-bottom:15px;
	font-size:0%;
}

#grani_text_frame{
left:334px;
overflow:hidden;
position:absolute;
top:140px;
}


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


	Grani Top


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

#top #contents{
	background:url(../../../img/archive/grani/top/menu_areabg.png) right 0 repeat-y;
	padding:20px 0 0;
}


#top img#impression {
	margin-bottom:20px;
}

#top h2.flowimg {
	background:url(../../../img/archive/grani/top/next_cursor.png) no-repeat center top;
	padding:30px 0 0;
}

#top .dl_area {
	background:url(../../../img/archive/grani/top/download_bottom.png) no-repeat #ebdde2 0 bottom;
	padding:0 0px 20px;
}

#top .dl_area #noscript {
	font-size:80%;
	padding:10px 10px;
}

#top .box h3,
#top .box2 h3 {
	text-align:center;
	color:#6f6f6f;
	margin:10px 0 5px;
}


#top .box {
	float:left;
	position:relative;
	margin:0 6px 0px 6px;
	padding:0;
	display:inline;
	
}

#top .dl_area .hidden {
	overflow:hidden;
	height:136px;
	width:156px;
}

#top .dl_area a img {
	margin:0;
	padding:0;
}

#top .dl_area a#dsky_siro {
	display:block;
	background:url(../../../img/archive/grani/top/skin/siro_d.png) no-repeat 0 -136px;
	text-indent:-9999px;
	overflow:hidden;
	width:156px;
	height:25px;
}

#top .dl_area a#dsky_kuro {
	display:block;
	background:url(../../../img/archive/grani/top/skin/kuro_d.png) no-repeat 0 -136px;
	text-indent:-9999px;
	overflow:hidden;
	width:156px;
	height:25px;
}

#top .box a.download,
#top .box2 a.download {
	display:block;
}


#top .box a.change,
#top .box2 a.change {
	background:url(../../../img/archive/grani/top/change.png) no-repeat;
	width:160px;
	height:23px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

#top img.new {
	position:absolute;
	bottom:116px;
	left:0;
}

#top a.sleipnir {
	color:#9f9f9f;
	font-size:100%;
	font-weight: bold;
	margin-top:10px;
	display:block;
}

#top #sub_contents {
	padding:0 1px 0 0;
	min-height:1350px;
}

#top #sub_contents #slideshow {
	border:1px solid #ffffff;
	margin:0 2px 28px 1px;
	width:245px;
}

#top #sub_contents #slideshow ul {
	background:#494949;
	padding:6px 0 3px 0;
}


#top #sub_contents #slideshow ul li {
	float:left;
	margin-left:14px;
	display:inline;
	width:32px;
	height:36px;
	overflow:hidden;
}

#top #sub_contents #slideshow ul li a {
	padding-bottom:2px;
	display:block;
}

#top #sub_contents #slideshow ul li a:hover {
	border-bottom:2px solid #cc0066;
}

#top #sub_contents .m_section {
	background:url(../../../img/archive/grani/sub_contents/menu_mid.png) repeat-y;
	width:225px;
	margin:0 0 28px 12px;
}

#top #sub_contents .m_section2 {
	margin:0 0 28px 12px;
}

#top #sub_contents .m_section h3 {	
	background:url(../../../img/archive/grani/sub_contents/menu_title.png) no-repeat;
	height:29px;
	font-size:100%;
	line-height:2.3em;
	padding:0 0 0 10px;
	overflow:hidden;
	color: #FFF;
}

#top #sub_contents .m_section .btm {
	background:url(../../../img/archive/grani/sub_contents/menu_btm.png) no-repeat 0 bottom;
	padding-bottom:4px;
}


#top #sub_contents .m_section .btm_assist{
	background:url(../../../img/archive/grani/sub_contents/menu_btm.png) no-repeat 0 bottom;
	padding-bottom:4px;
	padding: 10px;
}

#top #sub_contents .m_section .btm_assist p {
	margin: 0 0 0 0;
}

#top #sub_contents .m_section .btm_assist .right_img{
	float:right;
}


#top #sub_contents .m_section ul li {
	padding:10px 0 10px 32px;
	background:url(../../../img/archive/grani/top/arrow.png) no-repeat 13px center;
	border-bottom:1px solid #cecece;
	margin:0 1px;
}


#top #sub_contents .m_section ul li.dot_line {
	border-bottom:1px dotted #cecece;
}

#top #sub_contents .m_section a {
	font-weight: bold;
	font-size:100%;
	color:#6a6a6a;
}

#top #sub_contents .m_section p a {
	font-size:100%;
}

#top #sub_contents .m_section a.collabo {
	display:block;
	height:31px;
}

#top #sub_contents .m_section a.height {
	height:17px;
}

#top #sub_contents .m_section ul li.ex_pad{
	padding:0 0 0 32px;
}

#top #sub_contents .m_section a.height_2 {
	height:43px;
}

#top #sub_contents .m_section a#collabo_btn {
	background:url(../../../img/archive/grani/top/menu_collabo_btn.png) no-repeat;
	width:76px;
	height:19px;
	margin:0 0 0 106px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

#top #sub_contents .m_section a#assist_btn {
	background:url(../../../img/archive/grani/top/menu_assist_btn.png) no-repeat;
	width:76px;
	height:19px;
	margin:0 0 0 106px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

#top #sub_contents .m_section ul#sbm {
	padding:10px;
}

#top #sub_contents .m_section ul#sbm li {
	border:none;
	float:left;
	background:none;
	padding:0;
}

#top #sub_contents .m_section ul li.icn {
	height:20px;
	width:20px;
	overflow:hidden;
}

#top #sub_contents .m_section ul li.count {
	height:25px;
	width:75px;
	overflow:hidden;
}

#top #sub_contents .m_section ul#sbm span#delicious_count {
	background:#5592E9;
	color:#ffffff;
	font-size:70%;
	width:30px;
	height:14px;
	display:block;
	text-align:center;
}

#top #sub_contents .m_section .border {
	border-bottom:1px dotted #9f9f9f;
}

#top #sub_contents .m_section .date{
color:#9a9a9a;
}

#top #sub_contents .m_section p {
	margin:10px 10px 0;
	padding-bottom:10px;
}

#top #sub_contents .m_section a#note img {
	float:left;
	margin:10px;
}

#top #sub_contents #vector_banner {
	margin:0 0 15px 7px;
	width:234px;
}


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


	Grani First


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

#howto strong.red{
	color:#89192f;
	font-weight: normal;
}

#howto a {
	color:#A01B4A;
	text-decoration:underline;
	font-weight:bold;
}

#howto a:hover{
	color:#C26485;
}

#howto .right {
	float:right;
}

#howto .bottom10 {
	margin-bottom: 10px;
	clear: both;
}

#howto .top20 {
	margin-bottom: 20px;
}

#howto .bottom40 {
	margin-bottom: 40px;
	clear: both;
}


#howto #contents h2{
	background:url(../../../img/archive/grani/howto/howto_title.gif) no-repeat;
	color:#4a4a4a;
	text-indent:-10000px;
	overflow:hidden;
	width:72px;
	height:24px;
	margin-bottom:10px;
}

#howto #contents h2.subtitle01 {
	background:url(../../../img/archive/grani/howto/title2.gif) no-repeat;
	margin-top:20px;
	width:500px;
}

#howto #contents h2.subtitle02 {
	background:url(../../../img/archive/grani/howto/title3.gif) no-repeat;
	margin-top:60px;
	width:555px;
}

#howto #contents #head_content{
width:770px;
height:auto;
}

#howto #l_1 p#top_text {
	margin-bottom:20px;
}

#howto #l_2 {
	float:left;
}

#howto #r_2 {
	float:right;
	width:310px;
	margin-top:24px;
}

#howto .num_l {
	float:left;
	width:40px;
	padding-bottom: 20px;
}

#howto .num_r {
	margin-left:55px;
	padding-bottom: 20px;
	}

#howto .num_r img {
	margin-bottom:15px;
}

#howto #l_3 {
	float:left;
	width:230px;
}

#howto #l_3 img {
	margin-bottom:8px;
}

#howto #l_3 .l3img {
	vertical-align:middle;
	margin-right:5px;
	margin-bottom:2px;
}

#howto #r_3 {
	float:right;
	margin-top:40px;
}

#howto #mouse_l {
	width:223px;
	height:111px;
	float:left;
	margin:10px 19px 6px 24px;
	display:inline;
}

#howto #mouse_r {
	width:200px;
	float:left;
	margin:15px 0 0;
}

#howto #mouse_r h3 {
	margin-bottom:8px;
}

#howto #mouse_r a{
	font-size:80%;
	font-weight:bold;
	text-decoration:underline;
}


#howto #mouse_top {
	background-image:url(../../../img/archive/grani/howto/mouse_top.png);
	background-repeat:no-repeat;
	width:483px;
	height:10px;
	overflow:hidden;
}

#howto #mouse_back {
	background-image:url(../../../img/archive/grani/howto/mouse_back.png);
	background-repeat:no-repeat;
	width:483px;
}

#howto #mouse_back2 {
	background-image:url(../../../img/archive/grani/howto/mouse_back2.png);
	background-repeat:repeat-y;
	width:483px;
}

#howto #mouse_bottom {
	background-image:url(../../../img/archive/grani/howto/mouse_bottom.png);
	background-repeat:no-repeat;
	width:483px;
	height:9px;
}

#howto h3 {
	color:#8d1b44;
	font-weight:bold;
}

#howto #main .box4 {
	clear:both;
}

#howto #l_4 {
	margin-top:35px;
	float:left;
	width:360px;
	margin-right:36px;
}

#howto #r_4 {
	margin-top:35px;
	float:left;
	width:360px;
}

#howto #link_top {
	background-image:url(../../../img/archive/grani/howto/link_top.png);
	background-repeat:no-repeat;
	width:735px;
	height:6px;
	margin:0 auto;
	overflow:hidden;
}

#howto #link_back {
	background-image:url(../../../img/archive/grani/howto/link_back.png);
	background-repeat:repeat-y;
	width:735px;
	margin:0 auto;
}

#howto #link_bottom {
	background-image:url(../../../img/archive/grani/howto/link_bottom.png);
	background-repeat:no-repeat;
	width:735px;
	height:6px;
	margin:0 auto;
	overflow:hidden;
}

#howto #link_l {
	width:236px;
	float:left;
}

#howto #link_c {
	width:243px;
	float:left;
}

#howto #link_r {
	width:255px;
	float:left;
}

#howto .link_left1 {
	float:left;
	width:110px;
}

#howto .link_left2 {
	float:left;
	width:140px;
}

#howto .link_left3 {
	float:left;
	width:150px;
}

#howto #link_l h3,
#howto #link_c h3,
#howto #link_r h3 {
	color:#4a4a4a;
	padding:15px 8px 17px 13px;
}


#howto #link_l p {
	color:#4a4a4a;
	padding:0px 8px 40px 13px;
	float:left;
}

#howto #link_c p {
	color:#4a4a4a;
	padding:0px 20px 10px 13px;
	float:left;
}

#howto #link_r p {
	color:#4a4a4a;
	padding:0px 20px 40px 13px;
	float:left;
}

#howto #link_l a,
#howto #link_c a,
#howto #link_r a {
	padding:0px 0px 0px 13px;
	width:88px;
	font-size:80%;
}


#howto #information{
margin:30px 0 0 0;
}

#howto #information_top{
width:770px;
height:16px;
}

#howto #information_middle{
width:770px;
height:auto;
text-align:left;
background:url(../../../img/archive/grani/footer_frame_middle.png) repeat-y;
}


#howto #information_middle #foot_left{
width:240px;
height:auto;
}

#howto #information_middle #foot_middle{
width:240px;
height:auto;
}

#howto #information_middle #foot_right{
width:230px;
height:auto;
}

#howto #information_middle td{
vertical-align:top;
padding:10px;
}

#howto #information_middle h5{
margin:0;
font-size:80%;
font-weight:bold;
margin-bottom:10px;
}

#howto #information_middle a{
font-size:80%;
font-weight:bold;
text-decoration:underline;
}

#howto #information_bottom{
width:770px;
height:16px;
}


#howto #l_5 {
	margin-top:35px;
	float:left;
	width:230px;
	padding-right:30px;
}

#howto .box5 {
	margin-bottom: 40px;
}

#howto div.iconimg {
	float:right;
	margin:0 0 5px 0px;
	padding-left: 2px;
}


#howto #c_5 {
	margin-top:35px;
	float:left;
	width:230px;
	padding-right:30px;
}

#howto #r_5 {
	padding-top:35px;
	float:left;
	width:230px;
}

#howto img.number{
margin-bottom:10px;
display:block;
}

#howto img.text{
margin-bottom:15px;
}

#howto p.link_text{
font-size:93%;
margin-top:10px;
}


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


	Grani リリースノート


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

#note #note_contents .introduction{
	width: 100%;
	height: auto;
	padding:10px;
	margin-bottom:20px;
	background-color:#f0f0f0;
}

#note #contents h2{
	background:url(../../../img/archive/grani/note_title.gif) no-repeat;
	color:#4a4a4a;
	text-indent:-10000px;
	overflow:hidden;
	width:152px;
	height:24px;
	margin-bottom:10px;
}



#note #note_contents h3{
	color:#9A9A9A;
	font-size:108%;
	font-weight:bold;
	margin-bottom:5px;
}


#note #note_contents p{
	font-size:100%;
}

#note #note_contents ul{
	font-size:100%;
	line-height:1.8em;
	margin-top:10px;
	list-style-type:disc;
	padding:0 0 20px 15px;
}

#note #note_contents div {
	border-bottom:1px dotted #9A9A9A;
	margin-bottom: 25px;
	}

#note #note_contents div.none {
	border: none;
	margin-bottom: 25px;
	}

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


	Grani Collaboration


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

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

#collaboration_index h2 {
		margin-bottom: 35px;
}

#collaboration_index h3 {
	padding-left:10px;
	border-left:#a01b4a solid 4px;
	margin-bottom:40px;
	color: #6f6f6f;
	font-size: 108%;
	zoom:1;
}

#collaboration_index h4.left {
	float: left;
	padding: 0 0px 0 30px;
}

#collaboration_index h5 {
	margin: 0px;
	padding: 0px;
	font-size: 108%;
	margin-bottom: 10px;
	color: #6f6f6f;
}

#collaboration_index p.lead01 {
	color:#9A9A9A;
	font-weight:bold;
	margin:15px 0 40px;
	padding:0 20px;
}

#collaboration_index .profile {
	padding-bottom: 40px;
	margin: 0 0px 40px 0px;
	background: url(../../../img/archive/grani/collaboration/collabo_widthdot.png) repeat-x bottom;
}

#collaboration_index .profile_bottom {
	padding-bottom: 0px;
	margin: 0 0px 40px 0px;
}

#collaboration_index .right {
		width: 470px;
		float: right;
		padding: 0 30px 0 0;
}

#collaboration_index p.link {
	margin-top: 10px;
}

#collaboration_index p.link a {
	text-decoration: underline;
	color: #a01b4a;
}

#collaboration_index p.link a:hover {
	text-decoration: none;
	color: #888888;
}

#collaboration_index p.lead02 {
	padding: 0 20px;
	margin: -20px 0 25px 0;
}

#collaboration_index h4.offer_title {
	padding-left: 17px;
	margin: 0 15px 5px 15px;
	background: url(../../../img/archive/grani/collaboration/collab_dot.png) no-repeat 3px 4px;
	color: #6f6f6f;
	font-size: 108%;
	zoom:1;
}

#collaboration_index p.offer_body {
	margin: 0 15px 25px 30px;
}

#collaboration_index  p.mailto {
	padding: 15px 0;
}


/*---------------------------
    
	collaboration
	
---------------------------*/

*html #collaboration #sub_contents h4{
	width:240px;
}

#collaboration a.collabo_fanc {
	display:block;
	margin:0 0 20px 30px;
	float:right;
	width:230px;
}

#collaboration a.collabo_fanc img {
	margin:0;
}


#collaboration #main_contents {
	padding-bottom: 10px;
}


#collaboration a {
	color:#A01B4A;
}

#collaboration h2.cybozu {
	background:url(../../../img/archive/grani/collaboration/cybozu/cybozu_title.gif) no-repeat;
	text-indent:-10000px;
	overflow:hidden;
	width:242px;
	height:27px;
	margin-bottom:10px;
}

#collaboration h2.infoseek {
	background:url(../../../img/archive/grani/collaboration/infoseek/infoseek_title.gif) no-repeat;
	text-indent:-10000px;
	overflow:hidden;
	width:271px;
	height:27px;
	margin-bottom:10px;
}

#collaboration h3 {
	font-size:108%;
	color:#9a9a9a;
	margin-bottom:10px;
}

#collaboration #main_contents p,
#collaboration #sub_contents p {
	margin-bottom:10px;
}

#collaboration img.right {
	float: right;
	margin-left: 30px;
}

*html #collaboration img.right {
	padding-right: 10px;
}

#collaboration #dl_btn {
	display:block;
	float:left;
}

#collaboration #information {
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px dotted #9a9a9a;
}

#collaboration .left {
	float:left;
	width:250px;
	margin-bottom:20px;
}

#collaboration .f_left {
	float: left;
	width:250px;
}

#collaboration .f_right {
	float:right;
}

/**gloomy**********************/
#collaboration .left_gloomy {
	float:left;
	width:360px;
}
/******************************/

#collaboration .right {
	float:right;
	margin-bottom:20px;
}

#collaboration #dl_icon {
	float:left;
}

#collaboration #main_contents #leftmargin {
	margin-left:100px;
}

#collaboration #main_contents #leftmargin a {
	text-decoration: none;
}

#collaboration #main_contents #leftmargin a.download_soft {
	font-size:100%;
	font-weight:bold;
	margin-bottom:5px;
	display:block;
}


#collaboration .download_bt {
	margin-bottom:25px;
}

#collaboration .cont_section {
	padding-bottom: 15px;
}

#collaboration .cont_section2 {
	padding-bottom: 25px;
}

#collaboration .cont_section3 {
	padding-bottom: 5px;
}

#collaboration #main_contents h4 {
	color:#4A4A4A;
	margin-bottom: 10px;
}

/*--------------------------
	UR スキン2種リリース
----------------------------*/
#collaboration .ur{
	padding:28px 0 39px;
	
}

#collaboration .ur #main_contents{
	margin-top: 3px;
	
}

#collaboration #main .ur #main_contents .mb10{
	margin-bottom: 10px;
}

#collaboration #main .ur #main_contents .mb15{
	margin-bottom: 15px;
}

#collaboration #main .ur #main_contents .mb20{
	margin-bottom: 20px;
}

#collaboration #main .ur #main_contents .mb0{
	margin-bottom: 0;
}

#collaboration .ur #main_contents p{
	margin-bottom: 0;
}

#collaboration .ur #main_contents .left {
	float:left;
	width:255px;
	line-height: 155%;
	margin-bottom: 0px;
}

#collaboration .ur #main_contents h2{
	background:url(../../../img/archive/grani/collaboration/ur/h2.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	width: 138px;
	height: 20px;
	margin-bottom:18px;
}

#collaboration .ur #main_contents h3{
	color: #9A9A9A;
}

#collaboration .ur #main_contents .chng_link{
	margin: 14px 0 17px 0;
}

#collaboration .ur #main_contents p{
	color: #6A6A6A;
}

#collaboration .ur #main_contents .read{
	margin-bottom:40px;
}

#collaboration .ur #main_contents .read .right{
	margin-top:3px;
}

#collaboration .ur #main_contents .dl_01{
	margin-bottom:7px;
}

#collaboration .ur #main_contents .feature{
	margin:34px 0 21px 0;
}

#collaboration .ur #main_contents .box{
	margin-bottom:22px;
}

#collaboration .ur #main_contents .box h4 {
	line-height:1.2;
	margin-bottom:5px;
}

#collaboration .ur #main_contents .box .right{
	margin-top:3px;
}

#collaboration .ur #main_contents .ur_link{
	margin-bottom: 26px;
}

#collaboration .ur #main_contents .frm_mid{
	background: url(../../../img/archive/grani/collaboration/ur/frm_mid.png) repeat-y;
	padding: 17px 18px 11px 18px;
	width: 471px;
}

#collaboration .ur #main_contents .frm_top{
	background:url(../../../img/archive/grani/collaboration/ur/frm_top.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	width: 507px;
	height: 32px;
	margin-bottom: 0;
}

#collaboration .ur #main_contents .frm_btm{
	background:url(../../../img/archive/grani/collaboration/ur/frm_btm.png) no-repeat 0 bottom;
	padding-bottom:4px;
	margin-bottom:10px;
}

#collaboration .ur #main_contents .frm_mid .left{
	width: 230px;
}

#collaboration .ur #main_contents .frm_mid .right{
	width: 230px;
	margin-bottom: 17px;
}

#collaboration .ur #main_contents .frm_mid .about{
	clear: both;
	margin-bottom:16px;
	width:460px;
}

#collaboration .ur #main_contents .frm_mid .img{
	float: right;
	margin-top: -2px;
}

#collaboration .ur #main_contents .frm_mid div{
	margin-bottom: 23px;
}

#collaboration .ur #main_contents .frm_mid .process_01{
	background:url(../../../img/archive/grani/collaboration/ur/h4_01.png) no-repeat 2px -1px;
	width: 210px;
	padding-left: 30px;
	float:left;
	clear:both;
	color: #6A6A6A;	
}

#collaboration .ur #main_contents .frm_mid .process_02{
	background:url(../../../img/archive/grani/collaboration/ur/h4_02.png) no-repeat 2px -2px;
	width: 210px;
	padding-left: 30px;
	float:left;
	clear:both;
	color: #6A6A6A;	
}

#collaboration .ur #main_contents .line_01{
	background:url(../../../img/archive/grani/collaboration/ur/line.png) no-repeat 0 bottom;
	padding-bottom: 19px;
	margin-bottom:16px;
	clear: both;
}


#collaboration .ur #main_contents .b_left{
	float: left;
}


#collaboration .ur #main_contents .b_right{
	float: right;
	margin-top: 42px;
}

#collaboration .ur #main_contents .banner{
	margin-bottom: 7px;
}

#collaboration #main .ur #main_contents .banner_read{
	width: 365px;
	margin-bottom:18px;
	line-height:155%;
}

#collaboration .ur #main_contents textarea{
	height:58px;
	width:281px;
}

#collaboration .ur #main_contents .line_02{
	background:url(../../../img/archive/grani/collaboration/ur/line.png) no-repeat 0 bottom;
	margin: 16px 0 20px 0;
	padding-bottom:24px;
}

#collaboration .ur #main_contents .line_02 textarea{
	height:58px;
	margin-top:1px;
	width:281px;
}

#collaboration .ur #main_contents .dl_02{
	margin-bottom:17px;
}

#collaboration .ur #main_contents .term_color{
	background-color:#5B0000;
	color:#FFFFFF;
	padding:1px 5px;
}

 

/*--------------------------
	hori-day
----------------------------*/

#collaboration .horiday #main_contents h2{
	background:url(../../../img/archive/grani/collaboration/horiday/horiday_title.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	width:210px;
	height:25px;
	margin-bottom:14px;
}

#collaboration .horiday #main_contents .collabo_theme{
	color: #9A9A9A;
	font-weight: bold;
}

#collaboration .horiday #main_contents h3.icon{
	background:url(../../../img/archive/grani/collaboration/horiday/horiday_icon01.png) no-repeat 2px 0;
	padding-left:34px;
	padding-top:4px;
	min-height: 21px;
	_height: 21px;
	margin-bottom:10px;
}

#collaboration .horiday #main_contents .frm_top{
	background:url(../../../img/archive/grani/collaboration/horiday/horiday_frm_top.png) no-repeat 0 top;
	padding-top:9px;
	width:507px;
}

#collaboration .horiday #main_contents .frm_mid{
	background:url(../../../img/archive/grani/collaboration/horiday/horiday_frm_mid.png);
	width:507px;
	margin-bottom: 36px;
}

#collaboration .horiday #main_contents .frm_btm{
	padding: 0 0 9px 17px;
	width:507px;
	background:url(../../../img/archive/grani/collaboration/horiday/horiday_frm_btm.png) no-repeat 0 bottom;
}

#collaboration .horiday #main_contents .frm_mid li{
	background:url(../../../img/archive/grani/collaboration/horiday/horiday_icon02.png) no-repeat;
	line-height:19px;
	padding: 1px 0 0 24px;
	margin: 4px 0 4px 0;
	color: #6A6A6A;
	font-weight: bold;
	display:block;
}

#collaboration .horiday #main_contents .desc{
	margin:3px 0 42px 0;
}

#collaboration .horiday #main_contents .desc h4{
	min-height:23px;
	_height:23px;
	padding:4px 0 0 34px;
}

#collaboration .horiday #main_contents .desc p{
	margin:0 0 16px 34px;
}

#collaboration .horiday #main_contents h4.desc_01{
	background:url(../../../img/archive/grani/collaboration/horiday/horiday_icon03.png) no-repeat;
}

#collaboration .horiday #main_contents h4.desc_02{
	background:url(../../../img/archive/grani/collaboration/horiday/horiday_icon04.png) no-repeat;
}

#collaboration .horiday #main_contents h4.desc_03{
	background:url(../../../img/archive/grani/collaboration/horiday/horiday_icon05.png) no-repeat;
}

#collaboration .horiday #main_contents h4 {
	margin-bottom: 3px;
	color: #9A9A9A;
	font-weight: bold;	
}

#collaboration .horiday #main_contents .linebg {
	padding-bottom:3px;
	background:url(../../../img/archive/grani/collaboration/horiday/horiday_line.png) no-repeat 0 bottom;
	width:507px;
}

#collaboration .horiday #main_contents .span_green {
	color: #6CAD03;
	font-weight: bold;
}

#collaboration .horiday #main_contents .mb5 {
	margin-bottom: 5px;
}

#collaboration .horiday #main_contents .mb10 {
	margin-bottom: 8px;
}

#collaboration .horiday #main_contents .mb11 {
	margin-bottom: 11px;
}

#collaboration .horiday #main_contents .mb16 {
	margin-bottom: 16px;
}

#collaboration .horiday #main_contents .mb15 {
	margin-bottom: 15px;
}

#collaboration .horiday #main_contents .mb32 {
	margin-bottom: 32px;
}

#collaboration .horiday #main_contents .highlight {
	background-color:#6CAD03;
	color:#FFFFFF;
	line-height:200%;
	padding:1px 5px;	
}

#collaboration .horiday #main_contents .ta_left {
	height:62px;
	width:315px;
	float: left;
}

#collaboration .horiday #main_contents textarea.code {
	height:62px;
	width:315px;
	float:left;
}

#collaboration .horiday #main_contents p {
	margin:0;
}

/*--------------------------
	Cerezo
--------------------------*/

#collaboration .cerezo a.collabo_fanc {
	display:block;
	margin:0 0 0 0;
	float:right;
	width:230px;
}

#collaboration .cerezo_inst {
	clear:both;
}

#collaboration .cerezo h2.cerezo {
	background:url(../../../img/archive/grani/collaboration/cerezo/cerezo_title.gif) no-repeat;
	text-indent:-10000px;
	overflow:hidden;
	width:222px;
	height:27px;
	margin-bottom:10px;
}

#collaboration .cerezo span.cerezo_box {
	background-color:#DC1959;
	color:#FFFFFF;
	line-height:200%;
	padding:1px 5px;
}

#collaboration .cerezo .information_cerezo {
	padding-bottom:15px;
	margin-bottom:30px;
	margin-top: 30px;
	background:url(../../../img/archive/grani/collaboration/cerezo/cerezo_line.png) repeat-x bottom;
}

#collaboration .cerezo .information_cerezo2 {
	margin-bottom:40px;
	padding-bottom:15px;
	background:url(../../../img/archive/grani/collaboration/cerezo/cerezo_line.png) repeat-x bottom;
}

#collaboration .cerezo_h_icon {
	background:url(../../../img/archive/grani/collaboration/cerezo/cerezo_icon.png) no-repeat;
	padding: 0 0 0 24px;
}

#collaboration .cerezo_icon {
	padding: 0 4px 0px;
	margin-bottom: -4px;
}

#collaboration .cerezo_list_left{
float:left;
margin-bottom:0px;
width:250px;
}

#collaboration .cerezo_list_right{
float:right;
margin-bottom:0px;
width:250px;
}

#collaboration .cerezo .right {
	float:right;
	margin:0 0 20px 0;
}

#collaboration .cerezo .left {
	float:left;
	width:355px;
	margin-bottom:20px;
}

#collaboration　.cerezo .cont_section {
	padding-bottom: 30px;
}

#collaboration .cerezo ul{
	margin-bottom:15px;
	list-style:disc;
}

#collaboration .cerezo ul.cerezo_chk {
	list-style-position:inside;
}

/*--------------------------
	Naturum
--------------------------*/



#collaboration h2.naturum {
	background:url(../../../img/archive/grani/collaboration/naturum/naturum_title.gif) no-repeat;
	text-indent:-10000px;
	overflow:hidden;
	width:213px;
	height:21px;
	margin-bottom:10px;
}


#collaboration span.naturum_box {
	background-color:#008000;
	color:#FFFFFF;
	line-height:200%;
	padding:1px 5px;
}

#collaboration .information_naturum {
	padding-bottom:15px;
	margin-bottom:30px;
	background:url(../../../img/archive/grani/collaboration/naturum/line_bg01.png) repeat-x 0 bottom;
	margin-top: 30px;
}

#collaboration .information_naturum2 {
	margin-bottom:40px;
	padding-bottom:15px;
	background:url(../../../img/archive/grani/collaboration/naturum/line_bg01.png) repeat-x 0 bottom;
}

div.naturum_txt {
	text-align:center;
	margin-bottom: 30px;
}
.naturum_icon {
	padding: 0 4px 0px;
	margin-bottom: -3px;
}

.naturum_icon02 {
	padding: 0 4px 0px;
	margin-bottom: -7px;
}

.naturum_list_left{
float:left;
margin-bottom:0px;
width:250px;
}

p.naturum_list_txt {
	clear:both;
}

ul.naturum_list {
	margin-bottom: 25px;
	margin-top: -10px;
}

ul.naturum_list li {
	font-size:100%;
	list-style-type:disc;
	line-height:200%;
	margin-left:15px;}

/*--------------------------
	ARANZI
--------------------------*/

#collaboration h2.aranzi {
	background:url(../../../img/archive/grani/collaboration/aranzi/aranzi_title.gif) no-repeat;
	text-indent:-10000px;
	overflow:hidden;
	width:201px;
	height:21px;
	margin-bottom:10px;
}

#collaboration #information_aranzi {
	padding-bottom:130px;
	margin-bottom:30px;
	background:url(../../../img/archive/grani/collaboration/aranzi/continue.png) no-repeat center bottom;
	margin-top: 30px;
}

#collaboration #information_aranzi h4.title1{
	background:url(../../../img/archive/grani/collaboration/aranzi/cursor01.png) no-repeat 0 0;
	padding:2px 0 0 30px;
	margin-bottom: 10px;
	color:#4A4A4A;
}

#collaboration #information_aranzi h4.title2{
	background:url(../../../img/archive/grani/collaboration/aranzi/cursor02.png) no-repeat 0 0;
	padding:2px 0 0 30px;
	margin-bottom: 10px;
	color:#4A4A4A;
}

#collaboration #information_aranzi div.right{
float:right;
margin:0 0 20px 20px;
}

#collaboration #information_aranzi2 h4.title1{
	background:url(../../../img/archive/grani/collaboration/aranzi/cursor01.png) no-repeat 0 0;
	padding:2px 0 0 30px;
	margin-bottom: 10px;
	color:#4A4A4A;
}

#collaboration #information_aranzi2 h4.title2{
	background:url(../../../img/archive/grani/collaboration/aranzi/cursor02.png) no-repeat 0 0;
	padding:2px 0 0 30px;
	margin-bottom: 10px;
	color:#4A4A4A;
}

#collaboration #information_aranzi2 {
	margin-bottom:30px;
	padding-bottom:30px;
	background:url(../../../img/archive/grani/collaboration/aranzi/line_bg.png) no-repeat 0 bottom;
}


#collaboration #information_aranzi2 div.icon_left {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}


#collaboration #information_aranzi2 div.icon_right {
	float:left;
	margin-bottom:20px;
	margin-right:15px;
}



#collaboration p .check_box3 {
	background-color:#0099c1;
	color:#FFFFFF;
	line-height:200%;
	padding:1px 5px;
}

#collaboration .information_aranzi3 {
	margin-top: 0px;
	margin-bottom:30px;
}

/*--------------------------
	Rody
--------------------------*/

#collaboration h2.rody {
	background:url(../../../img/archive/grani/collaboration/rody/rody_title.gif) no-repeat;
	text-indent:-10000px;
	overflow:hidden;
	width:166px;
	height:27px;
	margin-bottom:10px;
}

#collaboration #information_rody {
	padding-bottom:75px;
	margin-bottom:30px;
	background:url(../../../img/archive/grani/collaboration/rody/line_bg01.png) no-repeat 0 bottom;
	margin-top: 30px;
}

#collaboration #information_rody2 {
	padding-bottom:10px;
	margin-bottom:20px;
	background:url(../../../img/archive/grani/collaboration/rody/line_bg02.png) no-repeat 0 bottom;
}

#collaboration #information_rody h4 {
	margin-bottom: 10px;
	color:#4A4A4A;
}

#collaboration #information_rody h4.title1{
	background:url(../../../img/archive/grani/collaboration/rody/cursor01.png) no-repeat 0 0;
	padding:5px 0 0 30px;
	margin-bottom: 10px;
	color:#4A4A4A;
}

#collaboration #information_rody h4.title2{
	background:url(../../../img/archive/grani/collaboration/rody/cursor02.png) no-repeat 0 0;
	padding:5px 0 0 30px;
	margin-bottom: 10px;
	color:#4A4A4A;
}

#collaboration textarea {
	font-size:93%;
}

#collaboration p.check_box2 {
	background-color:#6DB216;
	color:#FFFFFF;
	line-height:200%;
	padding:1px 5px;
}

/*--------------------------
	GLOOMY
--------------------------*/

#collaboration h2.gloomy {
	background:url(../../../img/archive/grani/collaboration/gloomy/gloomy_title.gif) no-repeat;
	text-indent:-10000px;
	overflow:hidden;
	width:215px;
	height:27px;
	margin-bottom:10px;
}
/*
#collaboration img.right {
	float: right;
	margin-left: 30px;
	display:block;
	width:230px;
}
*/


#collaboration #information_gloomy {
	padding-bottom:50px;
	margin-bottom:30px;
	background:url(../../../img/archive/grani/collaboration/gloomy/line_bg01.png) no-repeat 0 bottom;
	margin-top: 30px;
}

#collaboration #information_gloomy2 {
	padding-bottom:19px;
	margin-bottom:40px;
	background:url(../../../img/archive/grani/collaboration/gloomy/line_bg02.png) no-repeat 0 bottom;
}

#collaboration .gloomy #download {
	padding-bottom:19px;
	margin-bottom:35px;
	background:url(../../../img/archive/grani/collaboration/gloomy/line_bg02.png) no-repeat 0 bottom;
}

#collaboration .gloomy #skinChng {
	padding-bottom:19px;
	margin-bottom:30px;
	background:url(../../../img/archive/grani/collaboration/gloomy/line_bg02.png) no-repeat 0 bottom;
}

#collaboration .cursor {
	margin: 0 5px -4px 0;
}

#collaboration .check_box{
	background-color:#CC0000;
	color:#FFFFFF;
	line-height:200%;
	padding:1px 5px;
}

#collaboration p {
	margin-bottom:20px;
}

#collaboration #information2 {
	padding-bottom:20px;
	margin-bottom:20px;
}

#collaboration .left2 {
	float:left;
	width:360px;
	margin-bottom:20px;
}


#collaboration .right2 {
	float:right;
	margin-bottom:20px;
}

#collaboration .left3 {
	float:left;
	width:290px;
	margin-bottom:20px;
}

#collaboration .left4 {
	float:left;
	width:330px;
	margin-bottom:20px;
}

#collaboration .gloomy .strong_r {
	font-size:100%;
	font-weight:bold;
	color: #AD0101;
}

#collaboration .gloomy .cntr {
	text-align:center;
}

#collaboration .gloomy #main_contents .mt10 {
	margin-top: 10px;
}

#collaboration .gloomy #main_contents .mt15 {
	margin-top: 15px;
}

#collaboration .gloomy #main_contents .mt30 {
	margin-top: 30px;
}

#collaboration .gloomy #main_contents .mb10 {
	margin-bottom: 10px;
}

#collaboration .gloomy #main_contents .mb20 {
	margin-bottom:20px;
}

#collaboration .gloomy #main_contents .mb25 {
	margin-bottom: 25px;
}

#collaboration .gloomy #main_contents .mb30 {
	margin-bottom: 30px;
}

#collaboration .gloomy #main_contents .mb35 {
	margin-bottom: 35px;
}

#collaboration .gloomy #main_contents .mb40 {
	margin-bottom: 40px;
}

#collaboration .gloomy #main_contents .mb45 {
	margin-bottom: 40px;
}

#collaboration .gloomy #main_contents .mb50 {
	margin-bottom: 50px;
}

#collaboration .gloomy #main_contents .pb25 {
	padding-bottom: 25px;
}

#collaboration .gloomy #main_contents .pb45 {
	padding-bottom: 45px;
}

#collaboration .gloomy #main_contents .pb55 {
	padding-bottom: 55px;
}

#collaboration .gloomy #main_contents .mr20 {
	margin-right: 20px;
}

#collaboration .gloomy .f_left {
	float:left;
}

#collaboration .gloomy .f_right {
	float:right;
}

#collaboration .gloomy .l_txt {
	width:230px;
}

#collaboration .gloomy .r_img {
	width:230px;
}

#collaboration .gloomy .b_left {
	float:left;
	width:290px;
}

#collaboration .gloomy #main_contents p {
	margin:0;
}

/*------------------------------
	GLOOMY report
------------------------------*/

#collaboration .gloomy_report h2,
#collaboration .gloomy_report h3 {
		color:#6f6f6f;
}

#collaboration .gloomy_report #main_contents h2.title1 {
	background:url(../../../img/archive/grani/collaboration/gloomyreport/report1_title.png) no-repeat;
	text-indent:-9999px;
	width:507px;
	height:160px;
	overflow:hidden;
}

#collaboration .gloomy_report #main_contents h2.title2 {
	background:url(../../../img/archive/grani/collaboration/gloomyreport/report1_title02.png) no-repeat;
	text-indent:-9999px;
	width:508px;
	height:104px;
	overflow:hidden;
	margin:40px 0 25px 0;
}

#collaboration .gloomy_report #main_contents h2.title3 {
	background:url(../../../img/archive/grani/collaboration/gloomyreport/report2_title.gif) no-repeat;
	text-indent:-9999px;
	width:220px;
	height:18px;
	overflow:hidden;
	margin:0 0 25px 0;
}

#collaboration .gloomy_report #main_contents h3.subtitle1 {
	background:url(../../../img/archive/grani/collaboration/gloomyreport/report1_subtitle01.png) no-repeat;
	text-indent:-9999px;
	width:507px;
	height:34px;
	overflow:hidden;
}

#collaboration .gloomy_report #main_contents h3.subtitle2 {
	background:url(../../../img/archive/grani/collaboration/gloomyreport/report1_subtitle02.png) no-repeat;
	text-indent:-9999px;
	width:182px;
	height:17px;
	overflow:hidden;
}

#collaboration .gloomy_report #main_contents h3.subtitle3 {
	background:url(../../../img/archive/grani/collaboration/gloomyreport/report1_subtitle03.png) no-repeat;
	text-indent:-9999px;
	width:352px;
	height:17px;
	overflow:hidden;
}

#collaboration .gloomy_report #main_contents h3.subtitle4 {
	background:url(../../../img/archive/grani/collaboration/gloomyreport/report2_subtitle.png) no-repeat;
	text-indent:-9999px;
	width:299px;
	height:19px;
	overflow:hidden;
}

#collaboration .gloomy_report #main_contents h4.strong {
	color:#e02424;
	font-size:108%;
}


#collaboration .gloomy_report #main_contents p{
	margin:0 0 0 0;
}

#collaboration .gloomy_report .entry {
	border-bottom:#a70202 1px solid;
}

#collaboration .gloomy_report .entry .top_nav {
	margin:16px 20px 0;
	padding-bottom:16px;
}

#collaboration .gloomy_report .entry .top_nav li.nav_btn1 {
	float:left;
}

#collaboration .gloomy_report .entry .top_nav li.nav_btn2 {
	float:right;
}

#collaboration .gloomy_report .entry .top_nav li.nav_btn1 a {
	background:url(../../../img/archive/grani/collaboration/gloomyreport/report1_menu01.png) no-repeat;
	display:block;
	width:219px;
	height:15px;
	text-indent:-9999px;
	overflow:hidden;
}

#collaboration .gloomy_report .entry .top_nav li.nav_btn2 a { 
	background:url(../../../img/archive/grani/collaboration/gloomyreport/report1_menu02.png) no-repeat;
	display:block;
	width:189px;
	height:21px;
	text-indent:-9999px;
	overflow:hidden;
}

#collaboration .gloomy_report .btm_nav p.nav_btn1,
#collaboration .gloomy_report .btm_nav p.nav_btn2 {
	width:138px;
	height:36px;
}

#collaboration .gloomy_report .btm_nav p.nav_btn1 a { 
	background:url(../../../img/archive/grani/collaboration/gloomyreport/report2_naviback.png) no-repeat;
	display:block;
	width:138px;
	height:36px;
	text-indent:-9999px;
	overflow:hidden;
}

#collaboration .gloomy_report .btm_nav p.nav_btn2 a { 
	background:url(../../../img/archive/grani/collaboration/gloomyreport/report1_navinext.png) no-repeat;
	display:block;
	width:138px;
	height:36px;
	text-indent:-9999px;
	overflow:hidden;
}

#collaboration .gloomy_report #main_contents .red {
	color:#e02424;
	font-weight:bold;
}

#collaboration .gloomy_report #main_contents .mbtm10 {
	margin-bottom:10px;
}

#collaboration .gloomy_report #main_contents .mbtm20 {
	margin-bottom:20px;
}

#collaboration .gloomy_report #main_contents .mbtm25 {
	margin-bottom:25px;
}

#collaboration .gloomy_report #main_contents .mbtm30 {
	margin-bottom:30px;
}

#collaboration .gloomy_report #main_contents .mbtm40 {
	margin-bottom:40px;
}

#collaboration .gloomy_report #main_contents .mside5 {
	margin:0 5px;
}

#collaboration .gloomy_report #main_contents .pbtm40 {
	padding-bottom:40px;
}

#collaboration .gloomy_report #main_contents .f_left {
	float:left;
}

#collaboration .gloomy_report #main_contents .f_right {
	float:right;
}

#collaboration .gloomy_report #main_contents ul li.wid169 {
	width:169px;
	text-align:center;
	overflow:hidden;
}

#collaboration .gloomy_report #main_contents ul li.wid330 {
	width:330px;
	text-align:center;
}

#collaboration .gloomy_report #main_contents .center1 {
	width:444px;
	text-align:center;
	margin:0 auto;
}

#collaboration .gloomy_report #main_contents .center2 {
	text-align:center;
}

#collaboration .gloomy_report #main_contents .dl_area {
	border:1px #cd7f7f solid;
	background:#fde0e0;
	padding:7px 7px 15px 7px;
	font-size:93%;
}

#collaboration .gloomy_report #main_contents .dl_area a {
	background:url(../../../img/archive/grani/collaboration/gloomyreport/report1_button.png) no-repeat;
	width:230px;
	height:38px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
}

#collaboration .gloomy_report #main_contents .img_left {
	margin:0 10px 10px 0;
}

#collaboration .gloomy_report #main_contents .img_right {
	margin:0 0 10px 10px;
}

#collaboration .gloomy_report #main_contents .dotline {
	padding-bottom:41px;
	margin-bottom:25px;
	background:url(../../../img/archive/grani/collaboration/gloomyreport/report1_dotline.png) repeat-x 0 bottom;
}

#collaboration .gloomy_report #main_contents .btm_nav p.nav_list {
	width:231px;
	text-align:center;
	font-size:116%;
	margin:7px 0 0;
}

#collaboration .gloomy_report #main_contents .btm_nav p.nav_list b{
	margin:0 5px;
}

#collaboration .gloomy_report #main_contents .dl_area2 {
	background:url(../../../img/archive/grani/collaboration/gloomyreport/report2_dl_middle.png) repeat-y;
	width:506px;
	overflow:hidden;
}

#collaboration .gloomy_report #main_contents .dl_area2 a {
	background:url(../../../img/archive/grani/collaboration/gloomyreport/report2_dl_btn.png) no-repeat;
	width:476px;
	height:53px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}


#collaboration .gloomy_report #main_contents .dl_area2 .top {
	background:url(../../../img/archive/grani/collaboration/gloomyreport/report2_dl_top.png) no-repeat 0 top;
	padding:15px 15px 0 15px;
	
}

#collaboration .gloomy_report #main_contents .dl_area2 .btm{
	background:url(../../../img/archive/grani/collaboration/gloomyreport/report2_dl_bottom.png) no-repeat 0 bottom;
	padding:0 15px 15px 15px;
	text-align:center;
	font-size:93%;
}

#collaboration .gloomy_report #main_contents .dl_area2 p,
#collaboration .gloomy_report #main_contents .dl_area2 strong{
	color:#fff;
}

#collaboration .gloomy_report #main_contents .search_icn {
	margin:0px 5px -4px;
}

#collaboration .gloomy_report #main_contents .report2_sc01 {
	background:url(../../../img/archive/grani/collaboration/gloomyreport/report2_sc01.png) no-repeat;
	width:472px;
	height:193px;
}

*html #collaboration .gloomy_report #main_contents .report2_sc01 {
	background: none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='/ImageCss/20100301/images/grani/collaboration/gloomyreport/report2_sc01.png');
	width:472px;
	height:193px;
}

#collaboration .gloomy_report #main_contents .report2_sc02 {
	background:url(../../../img/archive/grani/collaboration/gloomyreport/report2_sc02.png) no-repeat;
	width:506px;
	height:249px;
}

*html #collaboration .gloomy_report #main_contents .report2_sc02 {
	background: none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='/ImageCss/20100301/images/grani/collaboration/gloomyreport/report2_sc02.png');
	width:506px;
	height:249px;
}

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

	共通で使うクラス

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

#collaboration #main #main_contents .mb20 {
	margin-bottom: 20px;
}

#collaboration #main #main_contents .mb25 {
	margin-bottom: 25px;
}


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


	Grani コミュニティ


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


#community a{
	color:#a01b4a;
	font-weight:bold;
	text-decoration:underline;
}

#community a:hover{
	color: #c26485;
}

#community #contents h2{
	background:url(../../../img/archive/grani/community/community_title_text.gif) no-repeat;
	color:#4a4a4a;
	text-indent:-10000px;
	overflow:hidden;
	width:129px;
	height:24px;
	margin-bottom:10px;
}

#community #contents p{
	margin-bottom:10px;
}

#community #contents p.title_text{
	margin-bottom:40px;
}

#community #contents h3{
	padding-left:10px;
	border-left:#a01b4a solid 4px;
	margin-bottom:20px;
	color:#6a6a6a;
	font-size: 108%;
}

#community #main_contents .img {
	float: right;
	padding: 0 10px;
}

#community #main_contents .text {
	padding: 0 10px;
}


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


	Grani グッディーズ


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

#goodies .main_contents {
	float:left;
	width:419px;
}

#goodies .sub_contents {
	margin:0 0 10px 10px;
	float:right;
	width:341px;
}

#goodies h2 {
	background:url(../../../img/archive/grani/goodies/goodies_title.gif);
	text-indent:-9999px;
	overflow:hidden;
	width:70px;
	height:24px;
	margin-bottom:10px;
}

#goodies h3 {
	color:#6f6f6f;
	margin-bottom:10px;
	font-size: 108%;
}

#goodies .title_text {
	margin-bottom:40px;
}

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


	Grani サポート


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

#support a{
	color:#a01b4a;
}

#support a:hover{
	color: #c26485;
}

#support #contents h2{
	background:url(../../../img/archive/grani/support/support_title_text.gif) no-repeat;
	color:#4a4a4a;
	text-indent:-10000px;
	overflow:hidden;
	width:90px;
	height:24px;
	margin-bottom:10px;
}

#support #contents h2.install{
	background:url(../../../img/archive/grani/support/install_title_text.png) no-repeat;
}

#support #contents h2.uninstall{
	background:url(../../../img/archive/grani/support/uninstall_title_text.png) no-repeat;
}

#support #contents p{
	margin-bottom:10px;
}

#support #contents h3.sub_title{
	color:#9c9c9c;
	font-size:108%;
	font-weight:bold;
	margin-bottom:10px;
}

#support #contents #main_contents h2{
	text-indent:-10000px;
	overflow:hidden;
	width:auto;
	height:24px;
	margin-bottom:10px;
}

#support #contents #main_contents h4{
	padding-left:42px;
	font-size:108%;
	color:#a01b4a;
	height:32px;
	line-height:30px;
	margin-bottom:20px;
}

#support #contents #main_contents{
	padding:10px 0 20px 0;
	margin-bottom:20px;
}

#support #contents #main_contents.content_end{
	border-bottom:#9a9a9a solid 1px;
	padding:10px 0 20px 0;
	margin-bottom:30px;
}

#support #contents #main_contents.content_end2{
	border-bottom:#ffffff none;
	padding:10px 0 20px 0;
	margin-bottom:30px;
}


#support #contents #main_contents h4.number1{
	background:url(../../../img/archive/grani/support/number_01.png) no-repeat;
}

#support #contents #main_contents h4.number2{
	background:url(../../../img/archive/grani/support/number_02.png) no-repeat;
}

#support #contents #main_contents h4.number3{
	background:url(../../../img/archive/grani/support/number_03.png) no-repeat;
}

#support #contents li{
	font-size:100%;
	list-style-type:disc;
	line-height:200%;
	margin-left:15px;
}

#support #contents li a{
	color:#6a6a6a;
	text-decoration:underline;
}

#support #contents li a:hover{
	color:#9a9a9a;
	text-decoration:underline;
}

#support #contents #question{
	padding-bottom:40px;
	border-bottom:#9a9a9a dotted 1px;
	margin-bottom:20px;
}

*html #support #contents #question{
	margin-right: 5px;
}

#support #contents #answer p.Q{
	color:#a01b4a;
	font-weight:bold;
	margin-bottom:10px;
}

#support #contents #answer p.A{
	margin-bottom:40px;
	font-size:100%;
}

#support #contents #main_contents #img{
	text-align:center;
	margin:20px 0;
}

#support #contents #menu a{
	font-size:93%;
	font-weight:bold;
	text-decoration:underline;
}

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


	Grani 手伝う


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

#assist h2 {
	margin-bottom: 20px;
}

#assist h2.subtitle01 {
	margin-bottom: 40px;
}

#assist h3 {
	padding-left:10px;
	border-left:#a01b4a solid 4px;
	margin-bottom:20px;
	color: #868686;
	font-size: 108%;
}

#assist h4 {
	color: #868686;
	padding-left: 15px;
	margin-bottom: 12px;
}

#assist h5 {
	color: #868686;
	margin: 15px 0 5px 0;
}

#assist .assist_content {
	padding-bottom: 30px;
	margin: 0 15px 30px 15px;
	background: url(../../../img/archive/grani/assist/dot_width.gif) repeat-x bottom;
}

#assist p.left {
	width: 340px;
	float: left;
	padding-right: 10px;
}

#assist div.right {
	width: 381px;
	float:right;
}

#assist .right .img_left {
	padding-right: 10px;	
}

#assist ul.banner120 {
	padding-bottom: 5px;
	margin: 0 15px 30px 15px;
	background: url(../../../img/archive/grani/assist/dot_width.gif) repeat-x bottom;
}

#assist ul.banner120 li {
	display: -moz-inline-box;
	display: inline-block;
	padding-left: 35px;
	margin-bottom: 25px;
}

#assist ul.banner120 li.none {
	padding-left: 0;
}

#assist ul.banner200 {
	padding-bottom: 5px;
	margin: 0 15px 40px 15px;
}

#assist ul.banner200 li {
	display: -moz-inline-box;
	display: inline-block;
	padding-left: 70px;
	margin-bottom: 25px;
}

*html #assist ul.banner200 li, 
*html #assist ul.banner120 li {
	display: inline;
	zoom: 1;
}

*:first-child+html #assist ul.banner200 li, 
*:first-child+html #assist ul.banner120 li{
	display: inline;
	zoom: 1;
}

#assist ul.banner200 li.none {
	padding-left: 0;
}

#assist p.mail_content {
	margin: 0 0px 40px 0px;
	padding-left: 17px;
}

#assist #Rotation1 {
	display: inline;
	padding-right: 20px;
	margin-bottom:0px;
}

#assist #Rotation2 {
	margin-bottom:0px;
}

#assist #site_content {
	margin: 0 15px 0 15px;
}

#assist #site_content h4 {
	margin: 2px 0 0 3px;
	padding: 0px;
	font-size:93%;
}

#assist #site_content h4 a {
	color: #850A36;
	text-decoration: underline;
}

#assist #site_content div{
	float: left;
	margin: 0 22px 30px 0px;
	padding: 0 23px 0 0px;
	background: url(../../../img/archive/grani/assist/dot_height.gif) repeat-y top right;
}

#assist #site_content div.none {
	background: none;
	margin-right:0px;
	padding-right: 0px;
	width:230px;
}

#assist #site_content a.url {
	color:#6f6f6f;
	text-decoration: none;
	font-size:93%;
	padding-left: 2px;
}

#assist #site_content a:hover.url {
	color:#868686;
	text-decoration: underline;
}

/*---------------------------
    
	Grani Official banner
	
---------------------------*/

#banner h2 {
	text-indent:-9999px;
	overflow:hidden;
	background-image:url(../../../img/archive/grani/grani_banner/title.png);
	background-repeat:no-repeat;
	width:266px;
	height:20px;
	margin:0 0 22px 0;
}

#banner h3 {
	color:#9a9a9a;
	margin-bottom:10px;
}

#banner .border {
	border-bottom:1px solid #CCCCCC;
	margin-bottom:30px;
}

#banner .border2 {
	border-bottom:none;
	margin-bottom:30px;
	padding-top:15px;
	clear:both;
}



#g_banner_content {
	margin:30px 20px 0px 0px;
	height:auto;
	width:652px;
}

#b_group {
	margin-bottom:50px;
	width:652px;
	height:auto;
}


#b_group1 {
	margin-bottom:40px;
	width:652px;
	height:auto;
}

p.size {
	margin-bottom:10px;
}

#b_group2 {
	margin-bottom:50px;
	width:652px;
	height:auto;
}

.banner_p {	
	margin:10px 0px 15px 0px;
}

#Rotation1 {
	width:120px;
	height:auto;
	margin:0 15px 35px 0;
	float:left;
}

#Rotation2 {
	margin-top:60px;
	width:200px;
	height:auto;
	float:left;
}

#banner .banner120 {
	float:left;
	margin:0 15px 15px 0px;
	width:120px;
}

#banner .banner200 {
	float:left;
	margin:0 15px 15px 0px;
	width:200px;
}


#banner p {
	font-size:85%;
	color:6a6a6a;
}



#popup iframe{
	border:none;
	width:300px;
	height:150px;
	border:1px solid #BBBBBB;
}
#popup iframe.large{
	height:210px;
}
#banner td{
	vertical-align:top;
}
#banner td img{
	cursor: pointer;
	margin-left:10px;
}


#banner table{
	margin-left:30px;
}


#banner #banner_ss {
	margin:0 0 57px 0
}; 


#banner #navi {
	margin-top:0;
}

#banner_code textarea {
	height:50px;
	width:260px;
	font-size:75%;
	color:#666666;
	margin:0 auto 0;
	line-height:120%;
	font-family:"メイリオ","Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande","Geneva","Arial","Verdana","sans-serif";
}

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


	Grani スキン


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

#skin a {
	color:#A01B4A;
}

#skin h2 {
	text-indent:-9999px;
	overflow:hidden;
	background-image:url(../../../img/archive/grani/skin/skin_title.gif);
	background-repeat:no-repeat;
	width:68px;
	height:24px;
	margin:0 0 22px 0;
}

#skin #main_contents p {
	margin-bottom:20px;
}

#skin #main_contents p.title {
	margin-bottom:0px;
}

#skin h3 {
	color:#6a6a6a;
	font-size:108%;
	margin-bottom:8px;
}

#skin .leftborder {
	border-left:4px solid #A01B4A;
	margin-top:30px;
	padding-left:10px;
}

#skin .box_area {
	background:url(../../../img/archive/grani/skin/frame_skin_top.png) no-repeat 0 top;
	padding:5px 5px 0;
}

#skin .box {
	background:url(../../../img/archive/grani/skin/frame_skin_middle.png) repeat-y;
	width:470px;
	margin-bottom:20px;
}

#skin .box .left{
	float:left;
	display:block;
}

#skin .box .leftmargin {
	padding:10px 0 0 240px;
}

#skin .box .leftmargin p {
	margin:0;
}

#skin .box .leftmargin a {
	margin-top:20px;
	display:block;
}

#skin .box .box_btm {
	background:url(../../../img/archive/grani/skin/frame_skin_bottom.png) no-repeat 0 bottom;
}

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


	Grani uninstall


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

#uninstall a {
	color:#A01B4A;
	text-decoration: none;
}

#uninstall a:hover {
	color:#C26485;
	text-decoration: none;
	}

#uninstall .introduction {
	height: auto;
	padding:20px;
	margin: 0 auto 20px auto;
	background-color:#f0f0f0;
}

#uninstall .introduction li{
	background:url(../../../img/archive/grani/uninstall/dot.png) no-repeat 0 8px;
	padding-left:8px;
}

#uninstall h2 {
	color:#6A6A6A;
	margin: 20px 0;
}

#uninstall .un_frombox {
	font-size:100%; 
	margin:20px 0px;
}

#uninstall .un_textarea {
	padding:4px;
	font-size: 100%;
}

#uninstall .box {
	margin:15px 0px 0px 0px;
}

#uninstall .box span {
	margin-left:5px;
}

#uninstall .txt {
	margin:7px 0 15px 0;
	font-size:100%;
}

#uninstall .button {
	vertical-align:middle;
}



/*//////////////////////////////
 footer
//////////////////////////////*/


#top #sub_contents {
	background:url(../../../img/archive/grani/menu_bg_btm.png) no-repeat 0 bottom;
}

#footer .nav .top ul{
	display:block;
}

#footer a{
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

#footer .gnav a.global{
	background:url(../../../../../img/grani/footer_global.png) no-repeat left center;
}

#footer .nav{
	background:url(../../../../../img/grani/footer_mid.png) repeat-y 0 top;
}

#footer .nav .top{
	background:url(../../../../../img/grani/footer_top.png) no-repeat 0 top;
	padding:10px 0px 0;
}

#footer .nav .top ul{
	background:url(../../../../../img/grani/footer_border.png) no-repeat 0 bottom;
	padding:0 20px 13px;
}

#footer .footer_menu{
	background:url(../../../../../img/grani/footer_btm.png) no-repeat 0 bottom;
	margin-bottom: 5px;
	padding:14px 22px 9px;
	text-align:left;
}

#footer .footer_menu .section{
	margin:0;
}